@charset "utf-8";

*{margin:0px; padding:0px;}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
}

.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;}
.Transfers_tab .nav-link.active h4{color: #087dcd;}

html{overflow-x: hidden;}
body{overflow-x: hidden;  font-family: 'Gilroy'; font-size: 17px;  color:#000; background-color: #fff ; font-weight: 500;}
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; box-shadow: none !important; transition: all 0.5s ease; text-decoration: none;}

.container{max-width: 1300px;}
.md_container{max-width: 1100px; margin: auto;}
.sm_container{max-width: 800px; margin: auto;}

.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; 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}
.overlayContent img{width:180px;}

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

.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-25{font-size: 25px !important;}
.font-26{font-size: 26px !important;}
.font-27{font-size: 27px !important;}
.font-28{font-size: 28px !important;}
.font-29{font-size: 29px !important;}
.font-30{font-size: 30px !important;}

.width_90{width: 90%;}
.width_80{width: 80%;}
.width_70{width: 70%;}
.width_60{width: 60%;}
.width_50{width: 50%;}
.width_40{width: 40%;}
.width_30{width: 30%;}
.width_20{width: 20%;}
.width_10{width: 10%;}
.width_15{width: 15%;}
.width_85{width: 85%;}

.theme_color{color: #2962ff;}
.color_747679{color: #747679;}

.theme_background{background: #2962ff; color: #fff;}
.theme_background2{background: #f3f4f5;}
.gradient_bg{background: linear-gradient(180deg, #2563EB -13.72%, #2664EB -8.03%, #2865EB -3.69%, #2D69EC -0.34%, #336DEC 2.41%, #3B73ED 4.93%, #457AEE 7.59%, #5182EF 10.77%, #5F8CF0 14.85%, #6F98F2 20.2%, #81A5F3 27.19%, #96B4F5 36.21%, #ADC4F7 47.62%, #C6D6FA 61.81%, #E1EAFC 79.14%, #FFF 100%);}

.btn_style{color: #000; font-size: 16px; transition: all .3s; border: 1px solid transparent; font-weight: 600; display: inline-block; padding: 10px 20px; text-align: center; border-radius: 999px;}

.shadow_btn{border: 1px solid #cccccc7a; box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10),0px 1px 2px 0px rgba(16, 24, 40, 0.06);}
.shadow_btn:hover{background-color: rgb(244, 244, 244); color: #000;}
.hover_btn:hover{border: 1px solid #cccccc7a; color: #000;}

.theme_btn{background: #2962ff; color: #fff;}
.theme_btn:hover{background: #2652cf;}

.white_bg_btn{background: #fff; color: #2962ff;}
.white_bg_btn:hover{background: #f5f3f2; color: #2962ff;}

header {position: fixed; left: 0; right: 0; top:0; z-index: 11;}
.navbar-brand {margin-right: 10px; padding-top: 0px; padding-bottom: 0px; padding-right: 30px;}
.header_logo{width: 160px;}
.navbar-nav .nav-item .nav-link{color: #fff; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#000;}
.navbar-nav .nav-item .nav-link.active{color:#000;}
.navbar-nav .nav-item{margin-left: 5px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler-icon {filter: brightness(0) invert(0);}
.navbar-toggler {border: none !important;}


.heading_text h2{font-size: 35px; font-weight: bold;}
.heading_text p{margin-bottom: 0;}
.middle_heading{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 800px;}

.header_box{background-color: rgb(255 255 255 / 0.5); border: 1px solid #cccccc7a; padding: 0.625rem; border-radius: 9999px;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10),0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.menu_fixed .header_box{background: #fff;}

.banner_section{padding-top: 160px; padding-bottom: 80px; z-index: 1; overflow: hidden; background: #fafafa url(../img/banner_shadow.png) no-repeat; background-size: 100% 100%; position: relative;}
.banner_content{max-width: 1000px; margin: auto;}
.banner_content h1{font-size: 60px; font-weight: bold;}
.banner_shadow{position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1;}
.banner_list {display: flex; list-style: none; padding: 0; justify-content: center; align-items: center;}
.banner_list li{background: rgba(255, 255, 255, 0.55); border-radius: 6px; font-weight: 600; padding: 5px 16px; margin: 0 10px}

.grid_3{display: grid; grid-template-columns: 1fr 1fr 1fr;}

.icon_box{background: #f4f5f6; padding: 14px; border-radius: 10px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;}
.icon_box img{width: 100%;}
.fingertips_box{height: 100%; color: #ccc; overflow: hidden; position: relative;  border-radius: 8px; background-color: #161717;}

.fingertips_box img{border-radius: inherit; height: 100%; width: 100%;}
.fingertips_box_position{position: absolute; left: 20px; top:30px}
.fingertips_box:hover::after {content: ""; position: absolute;right: -213px; top: -43px; width: 214px; height: 821px; border-radius: 60%/100%; box-shadow: 0 0 200px #2962ff;}

.Reliable_box{background: #f3f4f5; position: relative; padding: 40px 30px; border-radius: 15px; overflow: hidden;}
.Reliable_box_text{width: 60%;}
.Reliable_box img{width: 35%; right: 0; position: absolute; top: 20%;}
.steps_box{position: relative; padding: 0px 20px;}
.steps_box-wrapper {background-color: #ffffff; padding: 0.75rem; display: inline-flex; border-radius: 20px; margin-bottom: 20px; box-shadow: 2px 3.464px 24px 0px rgba(106, 105, 194, 0.25);}
.steps_box-icon{width: 70px;height: 70px; justify-content: center; display: inline-flex; align-items: center; color: #2962ff; background-color: rgba(12, 86, 219, 0.1); border-radius: 50%; font-size: 24px;}

.steps_box .process-devider::after {content: "\f135"; font-family: bootstrap-icons !important; color: #2962ff; font-weight: 600; position: absolute; right: -30px; top: 50%;  transform: translateY(-50%); font-size: 20px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.steps_box .process-devider { position: absolute; top: 20%;width: calc(100% - 115px); height: 1px; background-image: linear-gradient(90deg, #131b32, #131b32 40%, transparent 40%, transparent 100%); background-size: 12px 1px; z-index: -1; transition: all 0.7s; animation: slides 5s linear infinite;}
@-webkit-keyframes slides {
 0% {width: 0%;}
 100% {width: 100%;}
}
@keyframes slides {
0% {width: 0%;}
100% {width: 100%;}
}
.dotted_bg_padding{padding-top: 100px; padding-bottom: 100px; background: url(../img/dotted_bg.png) no-repeat; background-size: cover;}
.white_btn{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
    box-shadow: 0px 39px 11px 0px rgba(117, 145, 255, 0.00),0px 25px 10px 0px rgba(117, 145, 255, 0.02),0px 14px 8px 0px rgba(117, 145, 255, 0.06),0px 6px 6px 0px rgba(117, 145, 255, 0.11),0px -6px 0px 0px rgba(96, 128, 250, 0.34) inset;
    background: linear-gradient(180deg, #FFF 0%, #F0F8FF 100%);
    border-bottom: 1.5px solid rgba(37, 99, 235, 0.60); border-radius: 9999px; color: #2962ff; display: inline-block; padding: 20px 60px; font-weight: 600;}
.white_btn:hover { box-shadow: 0px 39px 11px 0px rgba(117, 145, 255, 0.00),0px 25px 10px 0px rgba(117, 145, 255, 0.02),0px 14px 8px 0px rgba(117, 145, 255, 0.06),0px 6px 6px 0px rgba(117, 145, 255, 0.11),0px -3px 0px 0px rgba(96, 128, 250, 0.34) inset; border: 1.5px solid rgba(37, 99, 235, 0.60);}
.footer_icon{max-width: 200px; margin: auto; display: block;}
.footer_font{max-width: 800px;  margin: auto; font-size: 50px;}

.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; background: #f3f4f5; border-radius: 10px; margin-bottom: 20px;}
.accordion_body{display:none; padding: 15px 22px; padding-top: 0;}
.accordion_body p{margin-bottom: 0px; width: 100%; font-size: 16px;}
.faq_open{display: block;}
.faq_box{max-width: 1100px; margin: auto;}
.plusminus{position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; right: 10px; font-size: 16px; top: 15px;  height: 22px; width: 22px; text-align: center; }
.accordion_head {cursor: pointer; transition: all .25s;  position: relative; padding-right: 34px !important; font-size: 18px; font-weight: 700; padding: 22px 22px;}
.first_phones{max-width: 400px; margin: auto; display: block; float: right;}