@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.woff') format('woff'),
      url('../fonts/Helvetica-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.woff') format('woff'),
      url('../fonts/Helvetica.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


body{overflow-x: hidden; font-size: 15px; background-color: #fff; font-family: 'Helvetica'; color: #000;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

.container{max-width: 1300px;}

.fw-400{font-weight: normal !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

.theme_color{background: linear-gradient(to right, #1A5FE5, #5185EB); background-clip: text; color: transparent;}
.bg_363638{background: #363638;}


.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #fff; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);}
.overlayContent img{width:150px;}
.overlayContent p{color:#000; text-align: center; font-size: 15px; margin-top: 20px;}
#return-to-top {position: fixed; bottom: 60px; right: 10px;color: #fff; transform: rotate(90deg); display: none; transition: all 0.3s ease;}
#return-to-top:hover { color: #000;}

.scroll-down::before {position: absolute; content: ""; letter-spacing: 2px; height: 1px; width: 30px; background:  #fff; left: -45px; top: 49%; animation: upDown2 2s infinite;}
.scroll-down:hover{color: #000; text-decoration: none;}
.scroll-down:hover::before{background:  #000;}

.navbar-light .navbar-nav .nav-link {
  color: #000;
 
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #000 !important;
  
}
.navbar-light .navbar-nav .nav-link.active {
  color: #000 !important;
 
}
@keyframes upDown2 { 0%, 20%, 50%, 80%, 

  100% { transform: translateX(0); }

  40% { transform: translateX(4px); }

  60% { transform: translateX(6px); } }

.Logo{width:150px; transition-duration: 0.6s}

.Header_section img { width: 140px;}
.Header_section{padding:15px;}
header.menu_fixed {background:#fff; border-bottom: 4px solid #087DCD;}
header.menu_fixed .Logo {width:120px; transition-duration: 0.6s}

header {z-index: 111; width: 100%; position: fixed; left: 0; right: 0; top: 0; background: #fff; border-bottom: 4px solid #087DCD;}
.navbar-brand {padding: 0px;}
header .navbar{padding: 15px 0px;}
.navbar-collapse {flex-grow: unset;}
.navbar-nav .nav-item {margin-left: 10px; font-weight: 500;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler{padding: 0px; border: none;}
.navbar-toggler:focus {box-shadow: none;}
.nav-link {color: #fff; font-size: 14px;}
header .nav-link.active{color: #fff !important;}
.nav-link:hover{color: #fff;}
.nav-link:focus{color: #fff;}
header .btn_style{width: 150px;}
.btn_style{color: #000; transition: all .3s; background: #fff; border:none; font-weight: 500; display: inline-block; padding: 7px 20px; text-align: center; border-radius: 50px;}
.light_btn{color: #fff; margin: auto; justify-content: center; font-size: 15px; border-radius: 30px; font-weight: 700; text-align: center; display: flex; align-items: center; padding: 10px; background: #087DCD;}
.light_btn:hover{background: #0054ae; color: #fff;}



.big_btn{padding: 12px 40px; font-size: 20px;}
.border_btn{font-size: 15px; font-weight: 700; color: #000; background: transparent; border-radius: 30px; border: 1.5px solid #037DFD;}
/* .border_btn:hover::before {left: 120%; transition: all .55s cubic-bezier(.19,1,.22,1);} */
.border_btn:hover{color: #fff; background: transparent; background: #037DFD;}
.dark_btn{background: #1e72fd; color: #fff;}
.gradient_btn{color: #fff; background-image: linear-gradient(to right, rgba(118, 176, 207, 0.9) 0%, #436cde 51%, rgba(118, 176, 207, 0.9) 100%); background-size: 200% 100%;}
.gradient_btn:hover{background-position: 100% 0; color: #fff; transform: unset;}
.HeaderPadding{padding-top: 95px;}

.BannerImage{width: 500px; margin: auto; display: block;}
.BannerHeading h2{color: #fff; font-weight: 400; font-size: 45px; margin: 0px;}
.BannerHeading h2 span{font-weight: 700; color: #037DFD;}
.BannerHeading p{font-weight: 400; color: #fff; line-height: 28px; font-size: 18px; display: inline-block; margin: 0px;}
.BannerHeading{transform: translateX(-800%); opacity: 0; animation: slideIn 2s ease-out forwards;}
@keyframes slideIn {to {transform: translateX(0); opacity: 1;}}



.BannerButton{color: #fff; font-size: 15px; border-radius: 30px; font-weight: 700; padding: 14px 30px; background: #087DCD;}
.BannerButton:hover{background: #0054ae; color: #fff;}

.AboutUsBg{background: #F4F4F4;}
.AboutHeading h2{color: #000; font-weight: 700; font-size: 45px;}
.AboutHeading p{font-weight: 400; color: #333; line-height: 28px; font-size: 18px; }
.AboutHeading strong{color: #087DCD; line-height: 26px; font-size: 18px; max-width: 420px !important; display: block;}
.AboutImage{width: 100%;}

.AboutButton{color: #fff; font-size: 15px; display: inline-block; border-radius: 30px; font-weight: 700; padding: 14px 30px; background: #087DCD;}
.AboutButton:hover{background: #0054ae; color: #fff;}
.AboutButton i{font-size: 22px; margin-left: 13px;}


.GatewayBg{background: #087DCD;}
.GatewayHeading h2{color: #fff; font-weight: 700; font-size: 45px;}
.GatewayHeading h2 span{color: #037DFD}
.GatewayHeading p{font-weight: 400; color: #fff; line-height: 28px; font-size: 18px; margin: 0px;}
.GlobalInnerBg{border: 1px solid #fff; border-radius: 8px;}
.GlobalInnerPadding{padding: 20px;}
.GlobalInnerHeading{font-weight: 700; color: #fff; line-height: 28px; font-size: 18px;}
.GlobalInnerPara{font-weight: 400; color: #fff; line-height: 28px; font-size: 14px; height: 135px;}
.GatewayImage{width: 100%;}
.GlobalInnerBg:hover{background: #20608B;}

.Relative{position: relative;}
.Margin_0{margin: 0px;}
.TextAlign{text-align: center;}
.AboutParaWidth{width: 800px; margin: auto;}


.TransferHeading h2{font-weight: 700; font-size: 40px; color: #000;}
.TransferHeading h2 span{color: #087DCD;}
.TransferHeading p{font-weight: 400; color: #333; line-height: 28px; font-size: 16px;}
.Transfers_tab{max-width: 450px;}
.Transfers_tab .nav-link{margin-bottom: 25px; padding: 0;}
.Transfers_tab .nav-link:last-child{margin-bottom: 0;}
.Transfers_tab .nav-link.active{background: transparent;}
.Transfers_tab .nav-link h4{color: #000; font-weight: 600; font-size: 20px;}
.Transfers_tab .nav-link p{margin-bottom: 0; display: none;}
.Transfers_tab .nav-link.active p{display: block; color: #504f4f; font-size: 16px;}
.Transfers_tab .nav-link.active h4{color: #087dcd;}

.Banner_video{position: absolute; transform: scaleX(1); left: 0;  right: 0; top: 0;}
.Banner_video::before{content: ""; opacity: 0.9; background-image: linear-gradient(to right, #00003B, #00003B, transparent); position: absolute; left: 0; right: 0; top:0; bottom: 0;}
.Banner_video video{width: 100%;}
.banner-section {display: flex; align-items: center; justify-content: center; height: calc(80vh - -100px); position: relative; }
.banner-section .container{z-index: 11; position: relative;}


.AboutBg{background:url(../img/AboutBg.png) no-repeat; background-size: 100% 100%;}
.BoundariesBg{background: #fff; padding: 20px; border-radius: 10px; height: 340px;}
.BoundariesBg img{width: 100%; margin-bottom: 20px;}
.BoundariesBg h6{color: #000; font-weight: 700; font-size: 22px; text-align: center;}


.plusminus{position: absolute; z-index: 1; padding: 20px; display: flex; align-items: center; justify-content: center; right: 0px; font-size: 16px; top: 0px; color: #000;}
.accordion_head {cursor: pointer; padding: 20px; color: #0054ae; background: #F1F1F1; transition: all .25s;  position: relative; padding-right: 34px !important; font-size: 16px; font-weight: 600;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px;  overflow: hidden; margin-bottom: 20px;}
.accordion_body{display:none; padding: 20px; background: #F1F1F1;}
.accordion_body p{margin-bottom: 0px; width: 100%; font-weight: 300; color: #000;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}
.accordion-item {text-align: left; margin-bottom: 10px; position: relative; width: 100%;  display: block; border: 1px solid #ffffff26 !important; border-radius: 10px; background: transparent; color: #fff;}
.faq_btn {background: transparent; font-size: 18px; font-weight: 500; text-align: left; color: #fff; display: block; width: 100%; border: none; padding: 20px; padding-right: 34px;}
.faq_btn::before { position: absolute; right: 15px; top: 19px;}


.ContactAddressBg{background: #ECECEC; border-radius: 10px; padding: 20px; border: 1px solid #407BFF;}
.ContactImage{width: 45px; height: 45px;}
.dark_box{background: #0e0e0e; padding: 20px; border-radius: 10px;}
.AllInput{background: #fff; margin-bottom: 15px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 5px; padding: 12px; color: #fff !important;}
.AllInput:focus{background: transparent; box-shadow: none; border: 1px solid #fff;}
.ContactLabel{color: #333333; margin: 0px;}
.InputMargin{padding: 15px 10px;}

.ContactButton{color: #fff; font-size: 15px; border-radius:30px; font-weight: 700; padding:10px 57px; background:#087DCD; border:none; margin:auto; display: block;}
.ContactButton:hover{background: #0054ae; color: #fff;}


footer{background:#0D1033;}
.FooterLogo{width: 190px;}
.FooterCopyRight{margin: 0px; text-align: center; font-weight: 400; font-size: 14px; color: #fff;}
.FooterBorder{height: 1px; background:rgba(255, 255, 255, 0.2) ;}
.Footerpara{font-weight: 400; color: #fff; line-height: 28px; font-size: 15px; margin: 0px;}
.FooterIcon{font-size: 18px; color: #fff; margin-right: 20px;}
.FooterIconText{font-weight: 400; color: #fff; font-size: 15px; margin: 0px;}
.FooterLeft{margin-left: 20px;}

.contact_left{position: relative; padding-left: 40px;}
.contact_left i{font-size: 22px; color: #087DCD; position: absolute; left: 0; top: 0;}
.contact_left h6{font-weight: 500; color: #087DCD;}