/*-----------------------------------------------------------------------------------

 Theme Name: Affiliate Marketing
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary-background:#B2A16D; 
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#B2A16D;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-space:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
  --text-align:center;

}
body{font-family: var(--primary-font-family); }
p{font-family: "Poppins", sans-serif;}
h1{ font-family: "Poppins", sans-serif;}
h2{ font-family: "Poppins", sans-serif;}
h3{ font-family: "Poppins", sans-serif;}
h4{ font-family: "Poppins", sans-serif; margin-bottom: 0;}
h5{font-family: "Poppins", sans-serif;}
h6{font-family: "Poppins", sans-serif;}
a{font-family: "Poppins", sans-serif;}
li{font-family: "Poppins", sans-serif;}
input{font-family: "Poppins", sans-serif;}
span{font-family: "Poppins", sans-serif;}
button{font-family: "Poppins", sans-serif;}
label{font-family: "Poppins", sans-serif;}
select{font-family: "Poppins", sans-serif;}
div{font-family: "Poppins", sans-serif;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1);}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}

/*========================header css end===========================*/

.top-sec-con{text-align: center;}
.top-sec-con img{width: 19%; margin-bottom: 23px;}
.top-sec-con h1{margin-bottom: 30px; font-weight: 700; color: #fff; font-size: 33px;}
.top-main-inner{background-color: #0E416B; padding: 20px 0px 220px;}
html, body {height: 100%; margin: 0; padding: 0; }
body {background-color: #e4e4e4; display: flex; flex-direction: column; }
.form-div{background-color: #fff; border-radius: 30px; padding:30px 30px 50px; margin-top: -220px; margin-bottom: 50px;}
.step-form-head h2{font-size: 30px; font-weight: 700; color: #000; border-bottom: 1px solid #ccc; padding: 4px 17px 17px; }
.step-form-head{margin-bottom: 25px;}
.form-step label{font-size: 18px; color: #000; margin-bottom: 20px;}
.form-step label sup{color: red; font-size: 18px;}
.form-step{padding: 0px 20px;}
.form-step .form-group{margin-bottom: 25px;}
.form-step input{background-color: #F3F3F3; border:none; border-radius: 50px; padding: 15px 15px; border:1px solid #F3F3F3;}
.form-step input:focus{background-color: #F3F3F3; border-color: #000; outline: none; box-shadow: unset;}
.form-step .input-group input{border-radius: 50px!important;}
.form-step .input-group span{position: absolute; right: 13px; top: 10px; background-color: unset; color: #000; font-size: 22px; }
.form-step select{background-color: #F3F3F3; border:none; border-radius: 50px; padding: 15px 15px; border:1px solid #F3F3F3;}
.form-step select:focus{background-color: #F3F3F3; border-color: #000; outline: none; box-shadow: unset;}
.form-check-input {width: 1.5em; height: 1.5em; border-radius: 5px; border: 2px solid #000; }
.form-check-input:checked {background-color: #000!important; border-color: #000; }
.form-check-input:focus {box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); }
.form-check label{margin-bottom: 0px; margin-top: 5px; margin-left: 13px;}
.form-check input:focus{background-color: #F3F3F3;}
.next-page-btn button{background-color: #000; border: none; padding: 8px 40px; border-radius: 50px; font-size: 18px; margin: 0px auto 0px; display: block; }
.form-step textarea{background-color: #F3F3F3; border:none; border-radius: 20px; padding: 15px 15px; border:1px solid #F3F3F3; height: 200px;}
.form-step textarea:focus{background-color: #F3F3F3; border-color: #000; outline: none; box-shadow: unset;}
.next-page-btn{margin-top: 11px;}


@media (max-width: 767px) { 
.top-sec-con img {width: 42%; margin-bottom: 24px; }
.top-sec-con h1 {margin-bottom: 20px; font-weight: 700; color: #fff; font-size: 23px; }
.form-div {background-color: #fff; border-radius: 30px; padding: 19px 0px 20px; margin-top: -220px; }
.step-form-head h2 {font-size: 22px; padding: 1px 3px 14px; }
.step-form-head {margin-bottom: 14px; }
.form-step label {font-size: 15px; color: #000; margin-bottom: 12px; }
.form-step label sup {color: red; font-size: 15px; }
.form-step .form-group {margin-bottom: 13px; }
.form-step select{font-size: 15px; padding: 11px 15px;}
.form-step input{font-size: 15px; padding: 11px 15px;}
.form-step .input-group span i{display: none;}
.next-page-btn{margin-top: 11px;}
.step-two-form {padding: 0px 0px; }
.custom-file-label{padding: 7px 7px;}
.step-two-form .accordion-header button{font-size: 15px;}
.step-two-form .accordion-body {padding: 18px 5px 0px; }
.next-prev-btn{margin-top: 20px;}

}

@media (min-width: 768px) and (max-width: 991px) { 

.top-sec-con img {width: 21%; margin-bottom: 24px; }
.top-sec-con h1 {margin-bottom: 20px; font-weight: 700; color: #fff; font-size: 23px; }
.form-div {background-color: #fff; border-radius: 30px; padding: 19px 0px 20px; margin-top: -220px; }
.step-form-head h2 {font-size: 22px; padding: 1px 3px 14px; }
.step-form-head {margin-bottom: 14px; }
.form-step label {font-size: 15px; color: #000; margin-bottom: 12px; }
.form-step label sup {color: red; font-size: 15px; }
.form-step .form-group {margin-bottom: 13px; }
.form-step select{font-size: 15px; padding: 11px 15px;}
.form-step input{font-size: 15px; padding: 11px 15px;}
.form-step .input-group span i{display: none;}
.next-page-btn{margin-top: 11px;}
.step-two-form {padding: 0px 0px; }
.custom-file-label{padding: 7px 7px;}
.step-two-form .accordion-header button{font-size: 15px;}
.step-two-form .accordion-body {padding: 18px 5px 0px; }
.next-prev-btn{margin-top: 20px;}
}