/* ======================================= Header Sunil ======================================= */
.navbar-expand-lg {width: 100%;}
.navbar-expand-lg .navbar-collapse{justify-content: center;}
.site_header{background-color:var(--white-color);padding:24px 0;}
.header_nav{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;}
.header_right{display:flex;align-items:center;gap:15px;}
.header_right .btn{padding:12px 18px;}
.navbar-nav li a{padding:5px 15px;box-sizing:border-box;font-size:18px;font-weight:400;color:#1E1E1E;display:inline-flex;align-items:center;gap:12px;}
.navbar-nav li a.active, .navbar-nav li a:hover{color:var(--secondary-color);}
.navbar-nav{display:flex;align-items:flex-end;gap:30px;}
.site_header{width: 100%;background:var(--white-color);box-shadow:0px 4px 10px 0px rgba(196,196,196,0.25);position:absolute;left:0;right:0;top:0;z-index:1111}
.site_header.fadeInDown{position:fixed;top:0;width:100%;z-index:1111;-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.site_header.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.navbar-nav li.current_page_item a {font-weight: 700;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translateZ(0)}
}
.navbar-collapse{flex-basis:100%;flex-grow:0;}
.navbar-toggler:focus{box-shadow:none;}
.navbar-nav::-webkit-scrollbar{width:4px;border-radius:10px;}
.navbar-nav::-webkit-scrollbar-track{background:#f1f1f1;}
.navbar-nav::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;}

/* ======================================= RichText ======================================= */
.banner_text h1{font-size:30px;text-transform:capitalize;}

/* ======================================= Hero Slider ======================================= */
.hero_banner_slide{position:relative;}
.hero_banner_content{position:absolute;left:45px;bottom:45px;right:20px;}
.hero_banner_slide > img{min-height:380px;object-fit:cover;object-position:center;}

/* ======================================= About Partner ======================================= */
.about_partner_other{border-radius:10px;border:1px solid var(--primary-color);padding:24px 48px;background:var(--white-color);}
.about_partner_other_item{display:flex;align-items:center;gap:24px;}
.about_partner_other_img img{width:100px;min-width:100px;height:100px;border-radius:10px;object-fit:cover;object-position:center center;}
.about_partner_other_desc p{font-size:16px;line-height:24px;}

/* ======================================= Become Partner ======================================= */
.become_partner_inner{position:relative;z-index:1;padding-top:80px;}
.become_partner_inner:before{position:absolute;content: "";left:0;right:0;top:0;background:url(../images/become-partner-bg.jpg) no-repeat center top;background-size:cover;height:500px;z-index:-1;}
.become_partner_cnt{background-color:var(--white-color);border-radius:8px;border:1px solid #D5D5D5;padding:20px;height:100%;}
.become_partner_cnt p{font-size:16px;font-weight:400;line-height:24px;}
.become_partner h3 {font-size: 24px;}

/* ======================================= Ready Partner ======================================= */
.ready_partner_wrap{background-color:#2A2A2A;border-radius:10px;padding:30px 50px;}
.btn-whiteborder{background:transparent;border-color:var(--white-color);color:var(--white-color);}
.btn-whiteborder:hover{background:var(--white-color);border-color:var(--white-color);color:var(--black-color);}
.btn_arrow{padding-right:60px;position:relative;}
.btn_arrow i{transition:right 0.3s ease-in-out;position:absolute;right:35px;top:50%;transform:translateY(-50%);}
.btn_arrow:hover i{right:20px;}
.btn_group{display:flex;flex-wrap:wrap;gap:15px;}

/* ======================================= Login ======================================= */
.partner-process .row {/*border-radius: 20px;*/overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0, 0.1);}
.login_image {position: relative;height: 100vh;}
.login_image img {height: 100%;object-fit: cover;}
.gradient-overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(360deg, rgba(17, 17, 17, 0.00) 10.64%, #000 85.41%);
}
.login_content {height: 100%;display: flex;flex-direction: column;justify-content: center;}
.welcome_text {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 2rem;
    margin: 0px auto;
    left: 0;
    right: 0;
}
.welcome_text, .welcome_text h1 { color: var(--white-color);}
.welcome_text p {font-size: 18px;font-weight: 600;max-width: 610px;text-transform: capitalize;}
.partner-form input {border-radius: 12px;border: 1px solid rgba(102, 102, 102, 0.35);padding: 13px 10px;}
.partner-form h2 {font-size: 32px;}
.partner-form h3{font-weight: 500;}

.overlay-color--bg {
    background: url(../images/cover-bg.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    position: relative;
    padding: 8rem 0px;
}
/* .overlay-color--bg .login_content{border-radius: 24px;} */

.otp-input {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.otp-input input {
  height: 76px;
  width: 84px;
  border-radius: 5px;
  outline: none;
  font-size: 1.125rem;
  text-align: center;
  border: 1px solid #9BADCA;
  font-size: 24px;
  font-weight: 700;
}
.otp-input input:focus {box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.otp-input input::-webkit-inner-spin-button,.otp-input input::-webkit-outer-spin-button {display: none;}
span.note_text {font-size: 13px;}



.fix-height {
 min-height: 200px;
}

.steps {
 position: absolute;
 width: 0;
 height: 100%;
 top: 0;
 left: 0;
 z-index: -1;
 visibility: hidden;
 opacity: 0;
}

.steps.active {
 width: 100%;
 z-index: 1;
 visibility: visible;
 opacity: 1;
}

/* animation for input boxes */

.form-control.invalid {
 border: 1px solid #ec2626;
 /* paste any animation you want */
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 perspective: 1000px;
}

.hidden {
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}

.show {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
}

@media screen and (min-width: 768px) {
 .fix-height {
  min-height: 100px;
 }
}

/* ======================================= Footer ======================================= */
.footer_links li a{color:#77808B;font-size:16px;font-weight:400;display:inline-block;}
.footer_links li{margin-bottom:15px;}
.footer_top{display:grid;grid-template-columns:1fr 280px 1fr;grid-gap:30px;margin-bottom:35px;}
.site_footer{padding-top:60px;background-color:var(--white-color);}
.site_footer p{color:#77808B;font-size:16px;font-weight:400;line-height:1.5;}
.newsletter .form-control{border-radius:6px;border:1px solid var(--primary-color);background:var(--white-color);width:calc(100% - 175px);}
.newsletter{display:flex;gap:16px;flex-wrap:wrap;}
.social_icons{display:flex;gap:20px;}
.social_icons a{width:40px;height:40px;border-radius:100%;background-color:var(--primary-color);color:var(--white-color);display:flex;align-items:center;justify-content:center;}
.footer_copyright{border-top:1px solid var(--primary-color);padding:25px 0;}
.footer_copyright ul{display:flex;gap:50px;}
.footer_copyright ul li{padding-left:35px;color:#77808B;font-size:16px;font-weight:400;}
.footer_copyright ul li.footer_address{background:url(../images/location_on.svg) no-repeat left top;}
.footer_copyright ul li.footer_email{background:url(../images/email.svg) no-repeat left top;white-space:nowrap;}
.footer_copyright ul li.footer_phone{background:url(../images/call.svg) no-repeat left top;white-space:nowrap;}
.footer_copyright p{color:#283646;margin-bottom:0;}
.footer_copyright{display:flex;justify-content:space-between;gap:15px;}

@media screen and (max-width: 991px) {
 .login_image {
  height: 350px;
 }
}