/*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;}

.container{ max-width: 1420px; 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: 15px 40px; font-size: 18px; font-weight: 700;}
.btn:hover{ background-color: transparent; color: #fff;}

.heading{ padding-bottom: 30px;}
.heading h2{ background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  font-size: 54px; font-weight: 800; line-height: 72px;}

.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: 18px; font-weight: 700; padding: 10px 20px; border: none; margin-bottom: 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background: linear-gradient(180deg, #0061E5 8.41%, #060756 151.97%); color: #fff;}

header{ width: 100%; background: linear-gradient(196deg, #030303 8.41%, #000284 151.97%); z-index: 99; padding: 30px 0;}
header .container{ display: flex; justify-content: space-between; align-items: center; max-width: 90%;}
header .left{ display: flex;}
.navigation{ column-gap: 25px; align-items: center; display: flex;}
header .navigation > li > a{ color:#fff; font-size:  20px;  font-weight: 400; line-height: 36px; 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; border: 1px solid #00E0C1; border-radius: 18px; padding: 15px 40px;}
header .navigation > li.gs_btn > a:hover{ background-color: #00E0C1; color: #120E34;}

.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 video{ width: 100%; object-position: center; object-fit: cover; height: 100%;}
.banner_section .component{ position: absolute; right: 20px; top: 150px; z-index: 3;  animation: mymove 5s infinite;} 
@keyframes mymove {
  0% {transform: rotate(0deg);}
    50% {transform: rotate(15deg);}
  }
.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: 52%;}
.banner_section .cpation h1{ color: #fff; padding-bottom: 20px; font-size: 54px; font-weight: 800; line-height: 72px;} 
.banner_section .cpation h1 span{ font-weight: 500;}
.banner_section .cpation h1 b{ font-weight: 900;}
.banner_section .cpation p{ color: #fff; font-size: 20px; font-weight: 300; line-height: 32px; padding-bottom: 20px;}

.discover_funds{ background-color: #F8FAFC; padding: 90px 0;}
.discover_funds .nav-tabs .nav-link{ background-color: #E9F1FD; background-image: none;}
.discover_funds .nav-tabs .nav-item.show .nav-link, .discover_funds .nav-tabs .nav-link.active{ background-color: #0061E5; color: #fff; background-image: none;}
.fund_details{ display: flex; flex-wrap: wrap;}
.fund_details .copy_block{ width: 35%;}
.fund_details .copy_block p{ color: #120E34; font-size: 20px; line-height: 36px; padding-bottom: 30px;}
.btn2{ border-radius: 20px; display: inline-block; padding: 19px 40px; background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); color: #fff; font-size: 18px; position: relative; overflow: hidden;}
.btn2:hover{ color: #fff;}
.btn2::after { content: ""; position: absolute; width: 200%; height: 0; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.2); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1;}
.btn2:hover::after { height: 350%; transition: all .6s linear; opacity: 0; visibility: hidden;}
.fund_details .copy_block h6{ color: #120E34; font-size: 14px; font-weight: 400; padding-top: 30px;}
.fund_details .all_funds{ width: 65%;}

.fund_list{ display: flex; flex-direction: column-reverse; flex-wrap: wrap; justify-content: center; align-items: center;}
.fund_list > li{ width: 100%; border-radius: 25px; background: #FFF; box-shadow: 0px -12px 64px 0px rgba(0, 0, 0, 0.05); padding: 40px 40px; display:flex; align-items: center; column-gap: 40px; transform-origin: bottom; position: relative; z-index: 4; margin-top: -20px;}
.fund_list > li:nth-child(2){ transform: scale(.90); margin-top: -40px; z-index: 3;}
.fund_list > li:nth-child(3){ transform: scale(.80); margin-top: -60px; z-index: 2;}
.fund_list > li:nth-child(4){ transform: scale(.70); margin-top: -50px; z-index: 1;}
.fund_list > li .copy h3{ color: #120E34; font-size: 20px; font-weight: 700; padding-bottom: 10px;} 
.fund_list > li .copy p{ color: #120E34; font-size: 16px; font-weight: 400; padding-bottom: 10px;}
.fund_list > li .copy ul{ display: flex; column-gap: 70px;}
.fund_list > li .copy ul > li{ font-size: 16px; color: #120E34;}
.fund_list > li .copy ul > li .blu-txt{ color: #0061E5; font-weight: 700;}
.fund_list > li .copy ul > li .lbl{ border-radius: 5px; background: #E9F1FD; padding: 4px 10px; font-size: 18px; color: #120E34;}

.wc_section{ background: linear-gradient(75deg, #FAFCFF -6.15%, #E9F1FD 93.96%); padding: 80px 0;}
.choose_grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.choose_grid .column{ border-radius: 20px; background: #FFF; box-shadow: 0px 12px 64px 0px rgba(18, 14, 52, 0.05); padding: 30px 40px 40px;}
.choose_grid .column h3{ color: #120E34; font-size: 20px; font-weight: 700; line-height: 36px; padding: 20px 0;}
.choose_grid .column p{ color: #120E34; font-size: 16px; font-weight: 400; line-height: 24px; }

.advantage_section{ padding: 100px 0;}
.advantage_section .container{ display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px;}
.appreciate_advantage{ border-radius: 20px; background: #F8FAFC; padding: 50px 60px;}
.appreciate_advantage p{ color: #120E34; font-size: 20px; font-weight: 400; line-height: normal; padding-bottom: 40px;}
.appreciate_advantage h3{ color: #120E34; font-size: 20px; font-weight: 700; padding-bottom: 20px;}
.list{ padding-bottom: 20px;}
.list > li{ color: #120E34; font-size: 20px; padding: 0 0 10px 40px; position: relative;}
.list > li:before{ content: '\f00c';  font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 6px; background-color: #E9F1FD; width: 20px; line-height: 20px; border-radius: 100%; color: #120E34; font-size: 14px; text-align: center;}

.great_funds{ border-radius: 20px; background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); padding: 50px 60px; position: relative;}
.great_funds .lbl{ position: absolute; right: 0; top: 0; background-color: #00E0C1; border-radius: 0px 20px; line-height: 44px; padding: 0 40px; font-size: 16px; font-weight: 700; color: #120E34;}
.great_funds h3{ color: #E9F1FD; font-size: 32px; font-weight: 800; padding-bottom: 40px;}
.great_funds ul{ padding-bottom: 60px;}
.great_funds ul li{ position: relative; display: flex; padding: 20px 0; align-items: center;}
.great_funds ul li::before, .great_funds ul li::after{ content: ''; background: #E9F1FD; width: 8px; height: 50%; left: 30px; top: 0; position: absolute; z-index: 1;}
.great_funds ul li::after{ top: auto; bottom: 0;}
.great_funds ul li:first-child:before, .great_funds ul li:last-child:after{ display: none;}
.great_funds ul li:first-child{ padding-top: 0;}
.great_funds ul li:last-child{ padding-bottom: 0;}
.great_funds ul li .icon{  width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; background-color: #E9F1FD; border-radius: 100%; position: relative; z-index: 2;}
.great_funds ul li.completed .icon{ background-color: #00E0C1;}
.great_funds ul li.completed::before, .great_funds ul li.completed::after{ background-color: #00E0C1;}
.great_funds ul li .copy{ padding-left: 20px;}
.great_funds ul li h4{ color: #FFF; font-size: 20px; font-weight: 800;}
.great_funds ul li p{ color: #FFF; font-size: 16px; font-weight: 400;}

.invest_section{ display: flex; flex-wrap: wrap;}
.invest_section .img_block{ width: 50%;}
.invest_section .img_block > img{ object-fit: cover; height: 100%;}
.invest_section .copy_block{ width: 50%; background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); padding: 60px 135px;}
.invest_section .copy_block h2{ color: #E9F1FD; font-size: 54px; font-weight: 800; line-height: 72px; padding-bottom: 20px;}
.invest_section .copy_block p{ color: #fff; font-size: 20px; padding-bottom: 20px;}
.invest_section .copy_block .list li{ color: #fff;}
.invest_section .copy_block .list li:before{ background-color: #00E0C1;}

.apc_section{ background: linear-gradient(75deg, #E9F1FD -6.15%, #FAFCFF 93.96%); padding: 90px 0 70px;}
.apc_list{ display: flex; flex-wrap: wrap; row-gap: 40px; padding-top: 20px;}
.apc_list > li{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 170px; align-items: center;}
.apc_list > li .head{ border-radius: 20px; background: #FFF; box-shadow: 0px 12px 64px 0px rgba(0, 0, 0, 0.05); padding: 50px 80px; display: flex; align-items: center;}
.apc_list > li .head h3{ padding-left: 30px; color: #120E34; font-size: 32px; font-weight: 700;}
.apc_list > li .inner_list{ display: flex; flex-wrap: wrap; row-gap: 5px;}
.apc_list > li .inner_list li{ font-size: 20px; color: #120E34; line-height: 32px; list-style: disc; width: 100%;} 

.resources_section{ padding: 90px 0;}
.resources_section .nav-tabs{ justify-content: start;}
.blogs_row{ display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px;}
.blog_col .img_block{ margin-bottom: 20px;}
.blog_col .img_block > img{ border-radius: 20px;}
.blog_col h6{ color: #120E3430; font-size: 14px; line-height: 24px;}
.blog_col h3{ color: #120E34; font-size: 20px; font-weight: 700; padding-bottom: 10px;}
.blog_col p{ color: #120E34; font-size: 16px; padding-bottom: 20px;}
.blog_col .read_more{ border-radius: 10px; border: 1px solid #E9F1FD; color: #120E34; font-size: 18px; font-weight: 700; display: inline-block; line-height: 38px; padding: 0 20px;}
.blog_col .read_more:hover{ background-color: #E9F1FD;}

.faq_section{ background: linear-gradient(75deg, #E9F1FD -6.15%, #FAFCFF 93.96%); padding: 80px 0 370px;}
.faq_section .container{ max-width: 1200px;}

.accordion-button{ padding: 15px 20px; background-color: transparent; color: #120E34; font-size: 20px; font-weight: 700; box-shadow: none; position: relative;}
.accordion-button:not(.collapsed){ color: #120E34; background-color: transparent; box-shadow: none;}
.accordion-button:focus{ box-shadow: none; border-color: #D9D9D9;}
.accordion-collapse{ border: none; border-top: none; }
.accordion-item:first-of-type .accordion-button { border-top-left-radius: 10px; border-top-right-radius: 10px;}
.accordion-item:last-of-type .accordion-collapse{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.accordion-body{ padding: 0 20px 20px;}
.accordion-item{ background-color: transparent; border: none; border-bottom: 1px solid #0061E54D;}
.accordion-item:last-of-type{ border-bottom: none;}
.accordion-button::after{ content: '\f105'; font-family: "Font Awesome 6 Free"; font-weight: 900; background-image: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0); width: 30px; line-height: 30px; border-radius: 100%; background-color: #fff; text-align: center; height: 30px; color: #120E34; font-size: 16px;}
.accordion-button:not(.collapsed)::after{ background-image: none; transform: translateY(-50%) rotate(90deg);}
.accordion-body p{color: #120E34; font-size: 16px; font-weight: 400; line-height: 24px; }

.talktoexpert_section{ margin-top: -270px; position: relative; z-index: 1; padding-bottom: 130px;}
.talktoexpert_section .inner{ display: grid; grid-template-columns: repeat(2, 1fr); border-radius: 20px; background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); box-shadow: 0px 12px 64px 0px rgba(0, 0, 0, 0.10); overflow: hidden;}
.expert_block{ padding: 80px 60px;;}
.expert_block h2{ color: #E9F1FD; font-size: 54px; font-weight: 800; line-height: 72px; padding-bottom: 20px;}
.expert_block p{ color: #fff; font-size: 16px;; line-height: 32px;} 
.expert_block .cs{ padding: 60px 0 20px;}
.expert_block h4{ color: #00E0C1; font-size: 16px; font-weight: 800; padding-bottom: 10px;}
.expert_block .links li{ padding-bottom: 10px;}
.expert_block .links a{ color: #FFF; font-size: 20px; font-weight: 500; border-bottom: 1px solid transparent;}
.expert_block .links a:hover{ border-bottom: 1px solid #fff;}
.form_block{ background-color: #fff; padding: 80px 60px;}
.form_block .form-group{ margin-bottom: 25px;}
.form_block .form-control{ border-radius: 20px; background: #FFF; box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.05); height: 60px; border: none; padding: 0 40px; color: #120E34; font-size: 20px; font-weight: 400;}
.form_block textarea.form-control{ height: 160px; padding-top: 20px; resize: none;}
.form_block .btn2{ width: 100%;}
.form_block .btn2:hover::after{ height: 800%;}

footer{ background-color: #120E34;}
footer .container{ max-width: 90%;}
.top_footer{ padding: 50px 0; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ffffff50;}
.logo_div{ width: 25%;}
.logo_div p{ color: #FFF; font-size: 20px; font-weight: 800; padding-bottom: 20px; line-height: 32px;}
.logo_div .footer_logo{ padding-bottom: 20px;}
.footer_list{ display: grid; grid-template-columns: repeat(4, 1fr); width: 75%; padding-left: 150px;}
.footer_list h3{ color: #fff; font-size: 20px; font-weight: 700; padding-bottom: 20px;}
.footer_nav{ padding-bottom: 20px;}
.footer_nav li{ padding-bottom: 10px;}
.footer_nav li a{ color: #fff; font-size: 16px; border-bottom: 1px solid transparent; padding-bottom: 3px;}
.footer_nav li a:hover{ border-bottom-color: #fff;}
.social_list{ display: flex; column-gap: 20px; justify-content: end;}
.social_list li a{ float: left;}
.social_list li a:hover{ transform: translateY(-7px);}

.bottom_footer{ text-align: center; padding: 50px 0;}
.bottom_footer p{ color: #FFF; font-size: 16px; font-weight: 400;}


/* Fund Category */
.mid_wrapper{ padding: 0 0;}

.breadcrumb_section ul{ display: flex; column-gap: 30px; padding-bottom: 20px;}
.breadcrumb_section ul > li{position: relative; color: #0461E5; font-size: 16px;}
.breadcrumb_section ul > li:before{ content: '>'; position: absolute; left: -20px; top: 1px; color: #120E34;}
.breadcrumb_section ul > li:first-child:before{ display: none;}
.breadcrumb_section ul > li > a{ color: #120E34; font-size: 16px;}
.breadcrumb_section ul > li > a:hover{ color: #0461E5;}

.fc_banner_section{ padding: 40px 0 280px; background: linear-gradient(358deg, #E9F1FD -23.18%, #FAFCFF 68.62%);}
.fc_banner_section .cpation{ display: flex; justify-content: space-between;}
.fc_banner_section .cpation .copy{ width: 50%;}
.fc_banner_section .cpation .copy p{ color: #120E34; font-size: 20px; line-height: 36px; padding-bottom: 40px;}

.benefit_section{ margin-top: -190px; position: relative;}
.benefit_section::after { content: ''; position: absolute; left: 0; bottom: 0; height: 50%; background-color: #F8FAFC; width: 100%; z-index: 1;}
.benefit_section .inner{ display: grid; grid-template-columns: repeat(2, 1fr); border-radius: 20px; background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); box-shadow: 0px 12px 64px 0px rgba(0, 0, 0, 0.10); overflow: hidden; position: relative; z-index: 3;}
.benefit_section h3{ color: #fff; font-size: 32px; font-weight: 700; padding-bottom: 20px;}
.algorithmic{ padding: 40px 60px;}
.algorithmic p{ color: #fff; font-size: 20px;}
.benefits{ border-radius: 0px 20px 20px 0px; background: #FFF; padding: 40px 60px;}
.benefits h3{ color: #120E34;}
.benefits .list > li:before{ background-color: #00E0C1;}
.collection_section{ background-color: #F8FAFC; padding: 80px 0;}

.collection_section .inner{ display:flex; align-items: center; column-gap: 40px;}
.collection_section .inner .column{ border-radius: 20px; background: #FFF; box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.05); padding: 40px;}
.collection_section .inner .column .top_row{ display: flex; flex-wrap: wrap; padding-bottom: 20px; align-items: center;}
.collection_section .inner .column .top_row .icon{ width: 120px;}
.collection_section .inner .column .top_row .icon > img{ width: 100%; height: 100%; border-radius: 100%;}
.collection_section .inner .column .top_row .copy{ width: calc(100% - 120px); padding-left: 20px;}
.collection_section .inner h3{ color: #120E34; font-size: 20px; font-weight: 700; padding-bottom: 10px;} 
.collection_section .inner p{ color: #120E34; font-size: 16px; font-weight: 400; padding-bottom: 10px;}
.collection_section .inner ul{ display: flex; column-gap: 40px;}
.collection_section .inner ul > li{ font-size: 16px; color: #120E34;}
.collection_section .inner ul > li .blu-txt{ color: #0061E5; font-weight: 700;}
.collection_section .inner ul > li .lbl{ border-radius: 5px; background: #E9F1FD; padding: 4px 10px; font-size: 18px; color: #120E34;}

.uaai_section{ background: linear-gradient(24deg, #E9F1FD 8.86%, #FAFCFF 100.28%); padding: 80px 0;} 
.uaaitab_wrap{ display: flex; flex-wrap: wrap;}
.uaaitab_wrap .nav-tabs{ width: 37%; justify-content: start; row-gap: 10px; padding-bottom: 0;}
.uaaitab_wrap .nav-tabs > li{ width: 100%;}
.uaaitab_wrap .nav-tabs .nav-link{ padding: 15px 30px; background-color: transparent;}
.uaaitab_wrap .tab-content{ width: 63%; padding-left: 80px;}
.uaaitab_wrap .tab-content > .tab-pane{ height: 100%;}
.uaaitab_wrap .copy_block{ background-color: #fff; height: 100%; padding: 40px; border-radius: 20px;}
.uaaitab_wrap .copy_block h3{ color: #012C79; font-size: 20px; font-weight: 700; padding-bottom: 10px;}
.uaaitab_wrap .copy_block p{ color: #120E34; font-size: 16px; line-height: 150%; }

.other_funds{ padding: 80px 0;}
.other_funds ul{ display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 100px;}
.other_funds ul > li{ text-align: center;}
.other_funds ul > li .pic{ width: 100px; display: inline-block;}
.other_funds ul > li .pic > img{ width: 100%; height: 100%; border-radius: 20px;}
.other_funds ul > li p{ color: #120E34; font-size: 20px; line-height: 150%; font-weight: 700; padding-top: 10px;}

.resources_bg{ background: linear-gradient(24deg, #E9F1FD 8.86%, #FAFCFF 100.28%);}
.resources_bg .blog_col .img_block {  mix-blend-mode: color-dodge;}
.resources_bg .blog_col .read_more{ border: 1px solid #0061E5;}
.resources_bg .blog_col .read_more:hover{ background-color: #0061E5; color: #fff;}

/* Discover Page*/
.talktoexpert_inner{ margin-top: 0; padding: 130px 0;}
.discover_section{ padding: 30px 0 160px; background: linear-gradient(358deg, #E9F1FD -23.18%, #FAFCFF 68.62%);}

.styled_select{ position: relative; width: 100%;}
.styled_select:after{ content: '\f078'; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: 10px; top:50%; transform: translateY(-50%); color: #181636; font-size: 12px; text-align: center; pointer-events: none; width: 20px; height: 20px; line-height: 18px; border: 1px solid #181636; border-radius: 100%;}
.styled_select select{ padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}
.styled_select select option{ font-size: 14px; background-color: #fff; }

.filter_section{ display: flex; justify-content: space-between; border-top: 1px solid #120E3480; border-bottom: 1px solid #120E3480; align-items: center; padding: 25px 0; margin-bottom: 40px;}
.filter_list{ display: flex; column-gap: 20px;}
.filter_list li{ display: flex; column-gap: 10px; align-items: center;}
.filter_list li label{ color: #181636; font-size: 16px; font-weight: 600; white-space: nowrap;}
.filter_list li .form-control{ border-radius: 10px; background: #E5F0FF; border: none; color: #181636; font-size: 16px; font-weight: 600; height: 40px; padding-left: 20px; min-width: 170px;}
.filter_search .search_wrap{ position: relative;}
.filter_search .form-control{ border-radius: 10px; border: 1px solid #C4C4C4; background: #FFF; height: 42px; color: #181636; font-size: 16px; font-weight: 600; padding: 0 40px 0 20px; } 
.search_btn{ position: absolute; right: 0; top: 0; width: 40px; line-height: 42px; color: #000; font-size: 18px;} 
.discover_list{ display: flex; flex-wrap: wrap; row-gap: 20px;}
.discover_row{ width: 100%; display: flex; justify-content: space-between; border-radius: 25px; background: #FFF; box-shadow: 0px -12px 64px 0px rgba(0, 0, 0, 0.05); padding: 40px 25px; flex-wrap: wrap;}
.discover_row .copy_block{ display: flex; align-items: center; width: 60%;}
.discover_row .copy_block .icon{ width: 100px;}
.discover_row .copy_block .icon > img{ width: 100%; height: 100%; border-radius: 20px;}
.discover_row .copy_block .copy{ width: calc(100% - 100px); padding-left: 30px;}
.discover_row .copy_block .copy h3{ color: #0061E5; font-size: 32px; font-weight: 700; padding-bottom: 10px;}
.discover_row .copy_block .copy p{ color: #120E34; font-size: 16px; line-height: 150%;} 
.discover_row ul{ display: flex; column-gap: 30px; align-items: flex-start; width: 40%; justify-content: end;}
.discover_row ul > li{ color: #120E34; font-size: 20px; line-height: normal;}
.discover_row ul > li.lbl{ border-radius: 5px; background: #E9F1FD; color: #120E34; font-size: 20px; line-height: 50px; padding: 0 15px;}
.discover_row ul > li.ret span{ display: block;}
.discover_row ul > li span{ color: #0061E5; font-weight: 700; font-size: 24px;}
.discover_row ul > li .fa-thumbs-up{ color: #00E0C1; font-size: 40px; padding-right: 10px;}
.discover_row ul > li .fa-thumbs-down{ font-size: 40px; color: #212121; padding-right: 10px;}

/* Business Page */
.business_banner:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; background: linear-gradient(to right,  rgba(0,97,229,1) 30%,rgba(6,7,86,0.15) 100%);}
.business_banner .cpation ul{ display: flex; column-gap: 40px; padding-top: 20px;}

.ummic_section{ background-color: #F8FAFC; padding: 80px 0;}
.ummic_section .heading p{ color: #120E34;; font-size: 20px;}
.ummic_section ul{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 30px;}
.ummic_section ul li{ text-align: center;}
.ummic_section ul li .icon{ display: inline-block; padding-bottom: 20px;}
.ummic_section ul li h3{ color: #120E34; font-size: 20px; font-weight: 700; line-height: 180%; padding-bottom: 10px;}
.ummic_section ul li p{ color: #120E34; font-size: 16px; line-height: 150%;}

.strategic_benefits{ background: linear-gradient(75deg, #FAFCFF -6.15%, #E9F1FD 93.96%); padding: 80px 0;}
.strategic_benefits ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 60px;}
.strategic_benefits ul li{ border-radius: 20px; background: #FFF; box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.05); padding: 40px;}
.strategic_benefits ul li .icon{ display: inline-block; padding-bottom: 20px;}
.strategic_benefits ul li h3{ color: #120E34; font-size: 20px; font-weight: 700; line-height: 180%; padding-bottom: 10px;}
.strategic_benefits ul li p{ color: #120E34; font-size: 16px; line-height: 150%;}
h2.title{ color: #fff; background: none; -webkit-text-fill-color:#fff;}
.leader_section{ background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); padding: 80px 0;}
.leader_section ul{ display: grid; grid-template-columns: repeat(5,1fr); gap: 30px;}
.leader_section ul li{ text-align: center; border-radius: 20px; background: #FFF; padding: 40px;}
.leader_section ul li .icon{ display: inline-block; padding-bottom: 20px;}
.leader_section ul li p{ color: #120E34; font-size: 16px; line-height: 150%; font-weight: 700;}
.business_growth{ padding: 80px 0;}
.business_growth ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 40px;}
.business_growth ul li{ border-radius: 20px; background: #FFF; box-shadow: 0px 12px 64px 0px rgba(18, 14, 52, 0.05); padding: 40px;}
.business_growth ul li .icon{ display: inline-block; padding-bottom: 20px;}
.business_growth ul li h3{ color: #120E34; font-size: 20px; font-weight: 700; line-height: 150%; padding-bottom: 10px;}
.business_growth ul li p{ color: #120E34; font-size: 16px; line-height: 150%;}
.uaaitab_wrap .copy_block li:before{ background-color: #00E0C1;}
.global_finance{ background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%); padding: 80px;}
.global_finance ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 30px 120px;}
.global_finance ul li{ text-align: center;}
.global_finance ul li .icon{ display: inline-block; padding-bottom: 20px;}
.global_finance ul li h3{ color: #fff; font-size: 20px; font-weight: 700; line-height: 180%; padding-bottom: 10px;}
.global_finance ul li p{ color: #fff; font-size: 16px; line-height: 150%;}
.challenges_section{ padding: 80px 0;}
.challenges_section .inner{ display: flex; flex-wrap: wrap;}
.challenges_section .left_challenges{ width: 41.6%;}
.challenges_section .right_challenges{ width: 58.4%;}
.challenges_section h3{ color: #120E34; font-size: 32px; font-weight: 700; line-height: normal; text-align: center; padding-bottom: 20px;}
.challenges_section ul{ display: flex; flex-wrap: wrap; row-gap: 20px;}
.challenges_section ul > li{ border-radius: 20px 0 0 20px; background: #F8FAFC; font-size: 20px; font-weight: 700; color: #120E34; line-height: 150%; padding: 20px 20px; width: 100%;}
.challenges_section .right_challenges ul > li{ border-radius: 0px 20px 20px 0px; background: linear-gradient(-180deg, #0061E5 8.41%, #060756 151.97%); color: #fff; font-weight: 400;}

/* About Us */
.list_normal{ display: flex; flex-wrap: wrap; row-gap: 5px; padding: 0 0 20px 20px;}
.list_normal li{ font-size: 16px; color: #46455E; line-height: 150%; list-style: disc; width: 100%;}
.values_section{ padding: 80px 0; background: linear-gradient(196deg, #0061E5 8.41%, #060756 151.97%);}
.values_section .heading p{ color: #FFFfff60;; font-size: 20px; font-weight: 500;}
.values_section ul{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 70px;}
.values_section ul li h3{ font-size: 32px; font-weight: 700; color: #00E0C1; padding-bottom: 20px;}
.values_section ul li p{color: #FFFfff60; font-size: 16px; line-height: 150%;} 
.about_appreciate{ padding: 80px 0; background: linear-gradient(24deg, #E9F1FD 8.86%, #FAFCFF 100.28%);}
.about_appreciate .inner{ display: flex; flex-wrap: wrap; align-items: center;}
.about_appreciate .inner .abt_img{ width: 41.6%; text-align: center;}
.about_appreciate .inner .abt_img > img{ width: 100%; max-width: 390px;}
.about_appreciate .inner .abt_copy{ width: 58.4%;}
.about_appreciate .inner p{ color: #46455E; font-size: 16px; line-height: 150%; padding-bottom: 20px;} 
.about_appreciate .inner .abt_copy .btn2{ margin-top: 20px;}

/* Blog Page */
.blog_banner .cpation .copy h1{ font-size: 80px; line-height: normal;}
.blog_banner .cpation .copy h3{ font-size: 56px; font-weight: 600; color: #fff;}
.blog_banner .cpation .copy{ width: 62%;}
.blog_section{ padding: 120px 0;}
.blog_section .nav-tabs{ justify-content: start; column-gap: 50px;}
.blog_section .nav-tabs .nav-link{ background-color: transparent; border-radius: 0; position: relative; padding: 0 0 8px;}
.blog_section .nav-tabs .nav-link:after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 3px; width: 90%; background-color: #0461E5; opacity: 0;}
.blog_section .nav-tabs .nav-item.show .nav-link, .blog_section .nav-tabs .nav-link.active{ background-image: none; color: #0461E5;}
.blog_section .nav-tabs .nav-item.show .nav-link:after, .blog_section .nav-tabs .nav-link.active:after{ opacity: 1;}
.blog_list{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 60px;}
.blog_list > li .img_block{ overflow: hidden; border-radius: 16px; margin-bottom: 20px;}
.blog_list > li > a .img_block > img{ transition: all .75s;}
.blog_list > li > a:hover .img_block > img{ transform: scale(1.2) rotate(3deg);}
.blog_list > li .copy p{ color: #55555A; font-size: 18px; font-weight: 500; padding-bottom: 20px;}
.blog_list > li .copy p span{ background-color: #14123033; width: 6px; height: 6px; display: inline-block; margin: 0 15px;}
.blog_list > li .copy h3{ color: #181636; font-size: 24px; font-weight: 700; line-height: 133.333%; transition: all .25s;}
.blog_list > li > a:hover .copy h3{ color: #0461E5;}

/* Blog Detail */
.blog_detail{ padding-top: 30px;}
.back{ color: #55555A; font-size: 18px; font-weight: 600; margin-bottom: 30px; display: inline-block;}
.back span{ transition: all .25s; display: inline-block;}
.back:hover{ color: #120E34;}
.back:hover span{ transform: translateX(-5px);}
.back .fa-solid{ padding-right: 15px;}
.blogdetail_banner{ text-align: center; padding-bottom: 60px;}
.blogdetail_banner h3{ color: #181636; font-size: 48px; font-weight: 800; line-height: 133.333%; padding-bottom: 15px;}
.blogdetail_banner p{ color: #55555A; font-size: 18px; font-weight: 500; padding-bottom: 20px;}
.blogdetail_banner p span{ background-color: #14123033; width: 6px; height: 6px; display: inline-block; margin: 0 15px;}
.blogdetail_banner .img_block{ padding: 30px 0 0;}

.blogd_flex{ display: flex; flex-wrap: wrap;}
.blogd_flex .blog_nav{ width: 33.33%;}
.blogd_flex .blog_nav ul{ position: sticky; top: 0; display: flex; flex-wrap: wrap; border-left: 2px solid #D1D0D7; padding: 0 30px 0 0; row-gap: 40px;}
.blogd_flex .blog_nav ul > li{ width: 100%;}
.blogd_flex .blog_nav ul > li > .blog-link{ display: inline-block; width: 100%; position: relative; color: #55555A; font-weight: 600; font-size: 16px; line-height: 150%; border-left: 2px solid transparent; margin-left: -2px; padding-left: 20px;}
.blogd_flex .blog_nav ul > li > .blog-link:hover, .blogd_flex .blog_nav ul > li > .blog-link.active{ color: #0461E5; border-left-color: #0461E5;}


.blogd_flex .content{ width: 66.67%;}
.blogd{ padding-bottom: 30px;}
.blogd h3{ color: #181636; font-size: 28px; font-weight: 700; padding-bottom: 10px;}
.blogd p{ color: #55555A; font-size: 18px; font-weight: 500; line-height: 177.778%; padding-bottom: 20px;}
.blogd h4{ color: #181636; font-size: 24px; font-weight: 600; padding-bottom: 10px;}
.blogd .pic_block{ padding: 0 0 20px;}
.blogd .pic_block > img{ width: 100%; max-width: 600px;}
.fouder{ display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid #D1D0D7; padding: 20px 20% 20px 0;}
.fouder .pic{ width: 110px; border-radius: 100%; overflow: hidden;}
.fouder .pic > img{ width: 100%; height: 100%;}
.fouder .copy{ width: calc(100% - 110px); padding-left: 20px;}
.fouder .copy h5{ color: #181636; font-size: 18px; font-weight: 700; padding-bottom: 10px;}
.fouder .copy p{ color: #46455E; font-size: 16px; font-weight: 500; padding-bottom: 0; line-height: normal;}