* { font-family: 'Arial', sans-serif; }
.navbar-brand { width: 20%; }
/* #CollapsibleNavbar ul li{
    ma
} */
#CollapsibleNavbar ul li a { color: #002e5a; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; cursor: pointer; }
#CollapsibleNavbar ul li a:hover, #CollapsibleNavbar ul li a:active, #CollapsibleNavbar ul li a:focus { color: #002e5a; }
.globeImage { background-: url('./partner/globe.png'); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute }
.themeColor { color: #FC0030 !important; }
.openAccountBtn { color: #ffffff !important; background-color: #346495; }
.gradientBack { background-image: linear-gradient(rgba(255,255,255,.1), rgba(244,244,244,1)); margin-top: -580px; }
.bannerSectionContent { background: url('./assets/banner1.png'); background-repeat: no-repeat; }
.responsiveImage { display: none; }
.bannerHeading { position: absolute; top: 185px; left: 300px; 83px
}
.bannerHeading .front { font-style: normal; font-size: 2.7rem; color: #032c5c; width: 380px; font-weight: 500; }
.bannerHeading .description { font-weight: 600; font-size: 19px; margin-top: 80px; line-height: 40px; }
.bannerHeading .accountBtn { background-image: linear-gradient(to right, #3FC8F4, #1AA3CF); border: 4px solid #1AA3CF; /* background-color: #0fb5ea; */
color: #ffffff; border-radius: 10px; padding: 6px 80px; }
.bannerHeading .accountBtn .text { color: #032c5c; font-size: 20px; font-weight: bold; }
.bannerSectionContent .bannerSubHeading { width: 96%; }
.bannerHeadingSection .btnAccount { background-color: #FC0030; color: #ffffff; border-radius: 0 !important; box-shadow: 0 3px 0 0 #b31e1e; padding: 6px 30px; }
.btnAccount:hover, .startInvestingBtn:hover { opacity: 0.7; }
.globalText { color: #093261; font-size: 40px; padding-left: 200px; padding-right: 100px; text-align: right; }
.whyInvestsection .whyInvestsectionHeading { color: #093261; font-size: 45px; margin: 30px auto; width: 450px; margin-bottom: 0px; margin-top: 0px; }
.whyInvestsection h5 { color: #093261; font-weight: bold; }
.horizontalLine { margin-left: 42%; margin-right: 40%; }
.whyInvestsection p.description { margin-top: 10px; }
.whyInvestsection .globalMarket { border: 1px solid lightgray; margin: 4%; background-color: white; }
.groupSection { background: url('./partner/img/leadingCompanies.jpg') no-repeat; background-size: contain; min-height: 500px; }
.groupSection h2 { color: #004287; padding: 21% 0; padding-top: 20%; font-size: 35px; }
.greySection { background-color: #ececec; }
.greySectionHeading { font-size: 40px; text-align: center; color: #093261; }
.blueSectionHeadingContainer { color: #ffffff; }
.blueSectionCard { background-color: #ffffff; padding: 25px; border: 1px solid #DCE3E7; box-sizing: border-box; box-shadow: 0px 18px 28px rgba(0, 66, 135, 0.1); border-radius: 8px; }
.pointer { cursor: pointer; }
.blueSectionCard h5 { font-weight: 600; margin: 20px 0; cursor: pointer; }
.openAccountSection h4 { font-size: 35px; }
.startInvestingSection .lightBlueSection { background-color: #8dd8f8; color: #093261; padding: 7% 3%; position: relative; font-size: 25px; }
.startInvestingSection .blueBack { background-color: #012b5b; top: -40px; border-radius: 34px; padding: 6% 7%; }
.startInvestingSection .redSection { background-color: #8dd8f8; color: #ffffff; padding: 3% 4%; position: relative; top: -60px; }
.startInvestingSection .section1 h1 { color: #ffffff; margin-bottom: 30px; }
.startInvestingSection .section1 p { color: #FFFFFF; font-size: 15px; font-weight: 600; }
.startInvestingSection .sectionContent { position: relative; }
.mobileDetails { display: none; }
.inputBox { background: lightgray;  border:;
border-radius: 20px;  color:  !important;
}
.inputName { color: white; }
.color-white { color: #ffffff; }
 .placeholderColor::placeholder {
 color: grey;
 font-size: 16px;
}
.form-control { color: white; transition: none; }
.desktopSignUp { display: block; }
.mobileSteps { display: none; }
.startInvestingBtn { background-color: #00adef; color: white; text-weight: 600; width: 100%; border-radius: 25px; }
.faqsSection h2 { color: #234671; }
.accordSectionCardHeader { /*border: 1px solid #103d64;*/
border: 1px solid #8dd8f8; border-radius: 7px; background-color: #8dd8f8;/*background-color:#103d64;*/
    /*text-align: center;*/
}
.accordSectionCardHeader .headerText { line-height: 25px; width: 94%; display: inline-block; padding-right: 3px; }
.accordSection { float: right; }
.accordSection a { font-size: 16px; line-height: 30px; font-weight: bold; color: #093261; padding: 6px 15px; width: 98%; display: inline-block; }
.accordSection a:hover { text-decoration: none; }
.accordSection p { color: #42484E; font-size: 14px; }
.accordSectionCard .list ul li { font-size: 14px; }
.accordSectionCard { padding: 10px 0 10px 0; }
.accordSectionCard .icon { /*right: 0;*/
    /*position: absolute;*/
    /*color:black;*/
border: 1px solid; border-radius: 50%;
height: 23px; width: 23px; text-align: center; margin-top: 4px; }
.modalCloseButton { position: absolute; top: -30px; right: -50px; color: white; opacity: 1; }
.globalExosureGreenLine { width: 10rem; border-top: 5px solid #50c096; margin-right: 100px; float: right; }
.txtInput { border-radius: unset; background: #F4F6F6; border: none; }
.txtInput:focus { box-shadow: none; }
.buttonPadding { padding-top: 2.5rem; }
.btnSendOtp { background-color: #FC0030; color: #ffffff; border-radius: 0 !important; box-shadow: 0 3px 0 0 #b31e1e; padding: 4px 24px; }
.resendText { color: #004287; position: absolute; }
.resendOTP { color: yellowgreen; display: block; margin-bottom: 15px; cursor: pointer; visibility: visible; font-size: 12px; margin-left: 8px; text-align: left !important; }
.modalCloseButton:focus { border: none; }
.blueColor { background-color: #103d64; }
/* otp css */
.otpButtonPadding { padding-top: 3.1rem; }
.otpBtn { background-color: #00adef; color: white; width: 85%; border-radius: 25px; }
.otpContext { color: #FFFFFF; font-size: 15px; font-weight: 600; }
.otpModalCenter { justify-content: center; }
.otp-modal { background-color: #00adef; width: 80% !important; border-radius: 1.3rem; }
.otp-heading { font-size: 20px; color: #093261; /*text-transform: uppercase;*/
text-align: center; /* color: black; */
font-weight: 800;/* margin-bottom: 20px; */
}
.otp-text { color: #093261 !important; }
.otp-textbox { border-radius: 2px!important; margin: 0 8px; height: 40px!important; border: 1px solid #c1c1c1; text-align: center; width: 65%; }
.otpSubmitButton { background-color: #093261; color: white; /* text-weight:600; */
width: 32%; border-radius: 6px; }
.otpSubmitButton:hover { color: white !important; }
.fa { font-size: 1.4rem; }
/* footer css */
.footerSection { margin-left: 10%; margin-right: 10%; }
.footerSection p { font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: justify; color: rgba(255, 255, 255, 0.5); margin: 15px; font-size: 12px; }
.footerSection h2 { color: white; margin: 15px; }
.footerCustomerCare { margin-left: 15px; }
.footerMailIcon { color: white }
.footerMail { color: white; padding-left: 5px; }
.footerPowered { font-size: 12px; text-align: left; font-weight: 700; }


/* Animation */
/* right bounce */
@-webkit-keyframes bounceRight {
 0%,  20%,  50%,  80%,  100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 40% {
 -webkit-transform: translateX(-30px);
 transform: translateX(-30px);
}
 60% {
 -webkit-transform: translateX(-15px);
 transform: translateX(-15px);
}
}
 @-moz-keyframes bounceRight {
 0%,  20%,  50%,  80%,  100% {
 transform: translateX(0);
}
 40% {
 transform: translateX(-30px);
}
 60% {
 transform: translateX(-15px);
}
}
 @keyframes bounceRight {
 0%,  20%,  50%,  80%,  100% {
 -ms-transform: translateX(0);
 transform: translateX(0);
}
 40% {
 -ms-transform: translateX(-30px);
 transform: translateX(-30px);
}
 60% {
 -ms-transform: translateX(-15px);
 transform: translateX(-15px);
}
}
/* /right bounce */


/* assign bounce */
.fa-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: right; }

/* End Animation */



/* mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.whyInvestsection p.description { margin: auto; }
.bannerImage { display: none; }
.horizontalLine { margin-left: 25%; margin-right: 40%; }
.globalText { color: #093261; font-size: 40px; padding-left: 0px; padding-right: 0px; text-align: center; }
.bannerHeading { position: unset; top: 0px; left: 0px; }
.bannerHeading .front { width: 100%; font-size: 2.6rem; display: none; }
.responsiveImage { display: block; }
.bannerHeading .description { width: 100%; text-align: justify; font-size: 15px; margin-top: 10px; line-height: inherit; font-weight: 500; }
.bannerHeading .accountBtn { padding: 5px 34px; width: 240px; }
.bannerHeading .accountBtn .text { color: #032c5c; font-size: 12px; font-weight: bold; }
.gradientBack { margin-top: 0px; }
.globalExosureGreenLine { width: 10rem; border-top: 5px solid #50c096; float: none; margin-right: auto; }
.desktopSignUp { display: none; }
.mobileSteps { display: block; }
.whyInvestsection { margin-top: 10px; }
.whyInvestsection .whyInvestsectionHeading { color: #093261; width: 100%; }
.mobileDetails { display: block; }
.coinDetails { display: none; }
.respMargin { margin-top: 30px; }
.navbar-brand { width: 40%; }
.whyInvestsection .globalMarket { border: none; margin: 0px; }
.groupSection h2 { padding-top: 0; padding: 10% 0; }
.openAccountSectionContent div span { position: absolute; }
.bannerSectionContent { padding-bottom: 0; background: none; }
.modalCloseButton { right: 4%; }
.groupSection { min-height: 350px; }
.faqsSection .question { display: none; }
.accordSection { padding-left: 0px; }
.coinSection img { width: 100%; margin-top: 40px; }
.question { display: none; }
.accordSectionCardHeader .headerText { padding-left: 15px; display: inline-block;  width: 100%; }
.accordSectionCard .icon { /*color:black;*/
background: #103d64; border: 1px solid black; border-radius: 50%;  padding:;
height: 23px; width: 23px; text-align: center; margin-top: 4px; color: white; position: absolute; right: -10px; }
/* otp mobile css */
.otpBtn { width: 100% !important; }
.otpButtonPadding { padding-top: 2.5rem !important; }
.otpContext { font-size: 11px !important; }
/*footercss*/
.footerAlignCenter { text-align: center; }
.footerPowered { margin-left: 15%; }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
.openAccountSectionContent div span { position: absolute; }
.groupSection h2 { font-size: 27px; }
.bannerSectionContent { padding-bottom: 0; }
.bannerImage { display: none; }
.bannerHeading { position: unset; top: 0px; left: 0px; }
.bannerHeading .front { width: 100%; }
.globalText { color: #093261; font-size: 37px; padding-left: 0px; padding-right: 0px; text-align: left; }
.groupSection { background: url(./partner/img/leadingCompanies.jpg) no-repeat; background-size: contain; min-height: 400px; }
.bannerHeading .description { width: 100%; }
.gradientBack { margin-top: 0px; }
.whyInvestsection { margin-top: 50px; }
.whyInvestsection .whyInvestsectionHeading { color: #093261; width: 100%; }
.accordSectionCardHeader .headerText { padding-left: 15px; background-color: #103d64; display: inline-block; border-radius: 25px; width: 100%; }
.accordSectionCard .icon { /*color:black;*/
background: #103d64; border: 1px solid black; border-radius: 50%;  padding:;
height: 23px; width: 23px; text-align: center; margin-top: 4px; color: white; position: absolute; right: -10px; }
/* otp css*/
.otpContext { font-size: 11px !important; }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
.bannerSectionContent { padding-bottom: 0; }
.bannerImage { display: none; }
.bannerHeading { position: unset; top: 0px; left: 0px; }
.bannerHeading .front { width: 100%; }
.bannerHeading .description { width: 100%; }
.gradientBack { margin-top: 0px; }
.whyInvestsection { margin-top: 50px; }
.whyInvestsection .whyInvestsectionHeading { color: #093261; width: 100%; }
.accordSectionCardHeader .headerText { padding-left: 15px; background-color: #103d64; display: inline-block; border-radius: 25px; width: 100%; }
.accordSectionCard .icon { /*color:black;*/
background: #103d64; border: 1px solid black; border-radius: 50%;  padding:;
height: 23px; width: 23px; text-align: center; margin-top: 4px; color: white; position: absolute; right: -10px; }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
.groupSection h2 { font-size: 1.5rem; padding: 0; padding-top: 0; }
.navbar-brand { width: 40%; }
.whyInvestsection p.description { width: 100%; }
.openAccountSectionContent div span { position: absolute; }
.bannerSectionContent { padding-bottom: 0; background: none; }
.bannerImage { display: none; }
.bannerHeading { position: unset; top: 0px; left: 0px; }
.bannerHeading .front { width: 100%; }
.bannerHeading .description { width: 100%; }
.gradientBack { margin-top: 0px; }
.whyInvestsection .whyInvestsectionHeading { color: black; width: 100%; }
.globalText { color: #093261; font-size: 37px; padding-left: 0px; padding-right: 0px; text-align: left; }
.whyInvestsection { margin-top: 50px; }
.globalExosureGreenLine { width: 10rem; border-top: 5px solid #50c096; margin-right: 100px; float: none; }
}