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

body{

  transition: all 0.3s ease-in-out;

  box-sizing:border-box; 

  overflow-x: hidden;

  background:url(../images/banner/bg.jpg) no-repeat;

  background-size: cover;

  font-family: 'Poppins', sans-serif;

}

body::-webkit-scrollbar {

  width: .5em;

}

body::-webkit-scrollbar-track {

  box-shadow: inset 0 0 6px var(--secondary-color);

}

body::-webkit-scrollbar-thumb {

  background-color: var(--secondary-color);

  outline: 1px solid var(--secondary-color);

}

html{

  scroll-behavior: smooth;

}

*::selection {

    background-color: #f0d257;

    color: black;

}

:root {

  --primary-color:#ec008c;

  --secondary-color:#7535a6;

}

*,

*::after,

*::before,

h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

  padding: 0;

}

p{

    font-size: 17px;

}

ul {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}

a, button {

    text-decoration: none;

    transition: all 0.5s ease-in-out;

}

a:hover

{

  text-decoration: none;

}

button:focus, input:focus, textarea:focus, select:focus, a:hover

{

  outline: none; box-shadow: none;

}

section{

  padding:70px 0;

}



.topLogos{

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: center;

}

.logo{

  width: 300px;

}

.logo img{

  max-width: 100%;

}

.logoImg{

  width: 400px;

}

 .secondImg{

  width: 200px;

}

.logoImg img, .secondImg img{

  max-width: 100%;

}

.topLogos a{

  display: block;

  width: 100%;

  height: auto;

}

.secondImg{

  margin-right: 60px;

}

.form{

  margin-top: 40px;

  width: 100%;

}

.form p{

  font-size: 12px;

  color: #fff;

  margin-bottom: 20px;

  font-weight: 600;

}

.formItem{

  margin: 15px 0;

}

.formItem input{

  width: 100%;

  background: transparent;

  border:1px solid #fff;

  border-radius: 5px;

  padding:10px;

  height: 50px;

  font-size: 15px;

  letter-spacing: 1px;

  color: #fff;

}

.formItem label{

  transition: all 0.2s ease-in-out;

}

.formItem input::placeholder, .formItem label{

  color: #fff;

}

.form-floating>.form-control:focus, .form-select:focus, .form-floating>.form-control:not(:placeholder-shown), #phone:focus {

    border-color:#fff;

    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);

    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);

    background: transparent;

    color: #fff;

}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{

  opacity: 1;

  transform: scale(.85) translateY(0) translateX(0.5rem);

  top: -9px;

  background: #E0407E;

  padding:0 10px !important;

  height: auto;

}

.form-check-input:checked[type=checkbox]{

  background-position-x: -1px;

}

.form-check-input:checked{

  background:var(--primary-color);

  border-color: var(--primary-color);

}

.form-check-label{

  font-size: 12px;

  color: #fff;

}

.btnPrimary{

  background: var(--primary-color);

  border:2px solid transparent;

  color: #fff;

  border-radius: 10px;

  padding:8px 30px;

  font-weight: 600;

  font-size: 15px;

  letter-spacing: 1px;

}

.btnPrimary:hover{

  background: #000;

  color: #fff;

  border-color:#000;

}

.btnSecondary{

  background: var(--secondary-color);

  border:2px solid transparent;

  color: #fff;

  border-radius: 10px;

  padding:8px 30px;

  font-weight: 600;

  font-size: 15px;

  letter-spacing: 1px;

}

.btnSecondary:hover{

  background: #000;

  color: #fff;

  border-color:#000;

}

.logoBottom{

  display: flex;

  margin: 15px 0 0 0;

  justify-content: flex-start;

  width: 100%;

  margin-bottom: 20px;

}

.logoBottom img{

  max-width: 100%;

}

.textRight{

  width: 100%;

}

.logo1, .logo2, .logo3{

  width:100px;

}

.textRight p{

  text-transform: uppercase;

  font-size: 11px;

  font-weight:500;

  color: #fff;

  line-height:16px;

}

.rightBook{

  position: relative;

}

.rightBook img{

  max-width: 100%;

}

.rightBook{

  padding-top:0px;

}

.centerScreen{

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100vh;

}

.leftHome{

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  flex-direction: column;

}

.erorr{

  font-size: 13px;

  color: #000;

  letter-spacing: 1px;

  font-weight: 600

}

.topLogo{

  background: #edf0f0;

  padding: 10px 0;
  box-shadow: 13px 0 24px #4b1a70;

}

.logos{

  width: 170px;

  background: #fff;

  padding:0 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin:0 5px;

  height: 80px;

  border-radius: 5px;

  text-align: center;

}

.logos img{

  max-width: 70%;

}

.inlineHeader{

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.leftTop{

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: space-between;

}

.leftToplogo{

  width: 200px;

}

.leftToplogo img{

  max-width: 100%;

}

.logoImg{

  width: 260px;

}

 .secondImg{

  width: 270px;

}

.logoImg img, .secondImg img{

  max-width: 100%;

}

.bgWhite{

  background: #fff;

}

.active{

  background: var(--secondary-color);

}