@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body{
  	line-height: 1.5;
  	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
  	margin: 0;
  	padding: 0;
	font-size: 25px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	background-color: #6c7098;	

}
a{
      color: #00a5d0;
}
a:hover{
      color: #00a5d0;
}
a:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6{
  padding: 0;

}
h1{
      font-size: 100px;
    }
h2{
      font-size: 65px;
}
h3{
      font-size: 45px;
}
h4{
      font-size: 25px;
}
h5{
      font-size: 16px;
}
h6{
      font-size: 12px;
}
p{
 	color: #ffffff;
}
p:last-child{
  	margin-bottom: 10;

}
ol{
  	padding-left: 20px;

}
ol li{
    margin-bottom: 5px;

}

ul{
	padding: 0;

}
ul li{
  	padding: 0;
  	position: relative;

}
a{
	transition: 0.3s all ease-in-out 0s;-webkit-transition: 0.3s all ease-in-out 0s;-moz-transition: 0.3s all ease-in-out 0s;}

.dropdown-toggle:focus{
  	outline: none;
}
a{
	text-decoration: none;
}
form{
	padding: 0;
  margin: 0;
}
img{
}
select{
  background: url(images/down-arrow.svg) right 10px center no-repeat;
  background-size: 20px;

}
figure{
	margin: 0;
}
figure img{
	width: 100%;
}

mark{
	color: #4dbdf4;
	font-weight: 700;
	background: transparent;
	padding: 0;
  }
  input[type="text"], 
  input[type="email"], 
  input[type="url"], 
  input[type="password"], 
  input[type="search"], 
  input[type="number"], 
  input[type="tel"], 
  input[type="range"], 
  input[type="date"], 
  input[type="month"], 
  input[type="week"], 
  input[type="time"], 
  input[type="datetime"], 
  input[type="datetime-local"], 
  input[type="color"], 
  textarea, .form-control{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	border-radius: 2px;
	border: 1px solid #bfbfc1;
	padding: 10px;
	font-size: 18px;
 	line-height: 22px;
  	font-weight: 700;
  	color: #000000;
  	font-family: 'Inter', sans-serif;
  }
  
  select{
	background: url(images/aro2.png) right 20px center no-repeat transparent;
	background-size: 10px;
	padding: 12px 20px 12px 20px;
	border: 2px solid #dfe7e8;
	width: 100%;
	font-size: 15px;
	color: black;
	font-family: 'Inter', sans-serif;
	appearance: none;
	border-radius: 50px;
	font-weight: 500;
  }
  select[multiple]{
	background: transparent;
		min-height: 85px;
  }
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ffffff50;
  }
  ::-moz-placeholder { /* Firefox 19+ */
	color: #ffffff50;
  }
  :-ms-input-placeholder { /* IE 10+ */
	color: #ffffff50;
  }
  :-moz-placeholder { /* Firefox 18- */
	color: #ffffff50;
  }
  button, input[type="button"], input[type="submit"]{
	font-size: 15px;
	font-weight: 700;
	display: inline-block;
	background: #cfb87c;
	font-family: 'Inter', sans-serif;
	padding: 12px 0;
	border: 1px solid #cfb87c;
	border-radius: 50px;
	width: 100%;
	letter-spacing: 2px;
	transition: 0.5s;
	width: 210px;
	text-align: center;
	  transition: 0.3s all ease-in-out 0s;
	  -webkit-transition: 0.3s all ease-in-out 0s;
	  -moz-transition: 0.3s all ease-in-out 0s;
	  cursor: pointer;
	  display: inline-block;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  appearance: none; 
  }
  button:hover, 
  input[type="button"]:hover, 
  
  input[type="submit"]:hover {
	 background: white;
	border: 1px solid #cfb87c;
	color: #cfb87c;
	  outline: none;
	  text-decoration: none;
  }
  label{
	font-size: 20px;
	color: #555555;
	font-family: 'Inter', sans-serif;
	font-style: italic;
	margin-bottom: 15px;
  }

/*  .sticky {
	position: fixed;
	top: 0;
	width: 100%;
  }*/
  
  
  /*checkbox open*/
  
  .check-pro {
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 22px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .check-pro input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .check-pro:hover input ~ .checkmark {
	  background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .check-pro input:checked ~ .checkmark {
	  background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
  }
  
  /* Show the checkmark when checked */
  .check-pro input:checked ~ .checkmark:after {
	  display: block;
  }
  
  /* Style the checkmark/indicator */
  .check-pro .checkmark:after {
	  left: 9px;
	  top: 5px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
  }
  
  /* Create a custom radio button */
  /*checkbox end*/
  
  /*radio open*/
  .radio-pro {
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 22px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .radio-pro input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
  }
  
  /* Create a custom radio button */
  .radio-pro .checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  background-color: #eee;
	  border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .radio-pro:hover input ~ .checkmark {
	  background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .radio-pro input:checked ~ .checkmark {
	  background-color: #2196F3;
  }
  
  
  
  /* Show the indicator (dot/circle) when checked */
  .radio-pro input:checked ~ .checkmark:after {
	  display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .radio-pro .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
  }
  /*radio end*/
  .navbar-nav li:before{
	display: none;
  }
  
  /*file upload open*/
  .customfile_input{
	height:31px;
	position:relative;
	z-index:2;
	width:100%;
	margin:0;}
  .customfile_label{
	position:absolute;
	top:0;
	right:0;
	left:0;z-index:1;
	height:100%;
	padding-left:215px;
	line-height:25px;}
  .customfile_label::after{position:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index:3;
	width:197px;
	background:none;
	border:2px solid #e9c04a;
	display:block;content:'Choose File';
	height:100%;
	text-align:center;
	line-height:27px;
	cursor:pointer;
	font-family:'CenturyGothic';
	font-size:16px;color:#e9c04a;text-transform:uppercase;}
  .customfile_inputin:hover + .customfile_label::after{background:#e9c04a;color:#2a597f;}
  .customfile_inputin{position:relative;z-index:2;width:auto;margin:0;opacity:0;height:100%;cursor:pointer;}
  .imageupload_inp{padding-top:10px;width:100%;}
  /*file upload end*/
  
  
  
  
  /*images-check box open*/
  .support_forminptradio{position:relative;}
  
  .support_forminptradio label{
	margin:0;position:relative; display: inline-block;;
  }
  .support_forminptradio_label{
	padding-left:20px;
  }
  .support_forminptradio input[type="checkbox"]{
	visibility:hidden; display: none;
  }
  .support_forminptradio input[type="checkbox"] + .support_forminptradio_label::before
  
  {
	content:'';position:absolute;left:0;top:3px;width:15px;height:15px;background:url(images/chk2.png) no-repeat center center;cursor:pointer;
  }
  .support_forminptradio input[type="checkbox"]:checked + .support_forminptradio_label::before{
	background-image:url(images/chk1.png);
  }
  /*images-check box end*/
  
  
  /*images-radio box open*/
  
  
  .support_forminptradio input[type="radio"]{
	visibility:hidden; display: none;
  }
  .support_forminptradio input[type="radio"] + .support_forminptradio_label::before
  
  {
	content:'';position:absolute;left:0;top:3px;width:15px;height:15px;background:url(images/red1.png) no-repeat center center;cursor:pointer;
  }
  .support_forminptradio input[type="radio"]:checked + .support_forminptradio_label::before{
	background-image:url(images/red2.png);
  }
  /*images-radio box end*/
  
  
  
  /*back to top open*/
  #return-to-top {
	  position: fixed;
	  bottom: 20px;
	  right: 20px;
  
	  background: url(images/up-arrow.png) center no-repeat #588752;
	  background-size: 25px;
	  width: 52px;
	  height: 52px;
	  display: block;
	  text-decoration: none;
  z-index: 999;
	  border-radius: 0;
	  display: none;
	  -webkit-transition: all 0.3s linear;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
  }
  
  #return-to-top:hover {
	  background:url(images/up-arrow.png) center no-repeat #000;
	  background-size: 25px;
  }
  #return-to-top:hover i {
	  color: #fff;
	  top: 5px;
  }
  
  /*back to top end*/
  
  
  /*wordpress menu open*/
/*  .clickD { position: relative;right: 0;top: 0;width: 20px;height:20px;background:  url(images/sort-down.svg)center center no-repeat ; 
	cursor: pointer; display: block;background-size: 10px; float: right; margin-top: 5px;}
  .navbar-nav > li{position: relative;}
  .navbar-nav > li .sub-menu{
	position: absolute;
	left: 0; top: 100%;
	display: none;
	z-index: 999;
	width: 180px;
	background: #fff;
	border: 1px solid #ccc;
  }*/

/*.container{
	width: 100%;
	max-width: 1400px;
}*/
.navbar-toggler:focus{
	box-shadow: none;
}


/*custom-style*/


.header{
	position: relative;
	padding: 30px 0;
	background: #000000;
}
.logo{
	display: flex;
	justify-content: center;
	margin: auto;
}
.logo a{
	display: inline-block;
}
.banner-sec{
	position: relative;
	filter: drop-shadow(0 0 10px #0003);		
}
.banner-img figure img{
	/* width: 100%; */
	height: 800px;
	object-fit: cover; 
	/* background-color: red; */
}
.banner-img2 figure img{
	width: 100%;
	height: 800px;	
	object-fit: cover; 
	/* background-color: red; */
}
.banner-img3 figure img{
	width: 100%;
	height: 1400px;	
	object-fit: cover; 
}
.banner-seen figure img{
	font-size: 45px;
	color: #ffffff;
	background-color: red;
	position: relative;
	appearance: none;
	display: flex;
	height: 400px;
}

.banner-about figure img{
	background: #6b6f9c;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 65px;
	color: #ffffff;
	position: relative;
	appearance: none;
	display: flex;
	justify-content: space-between;
}
.banner-info{
	/* background-color: red;	 */
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
}
.banner-rm {
	/* background-color: red;	 */
	position: absolute;
	color: #6C6EA0;
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
}
/* .banner-rm  figure img{
	/* background-color: red;	 
	position: relative;
	/* color: #6C6EA0; 
	/* transform: translateY(-50%); 
	/* top: 50%; 
	width: 60%;
} */
.banner-logo{
	/* background-color: red; */
	margin-top: -100px;	
	/* margin: auto; */
	display: flex;	
	justify-content: center;
	position: relative;
	align-items: start;
	width: 100%;	
	transform: translateY(-150%);
}
.banner-txt h2{
	font-size: 65px;
	font-weight: 700;
	margin-bottom: 25px;
	margin-top: -50px;	
	/* background-color: red;	 */
}
.banner-rw{
	align-items: center;
}
.banner-txtpara{
	/* background-color: yellow;	 */
	padding-right: 10px;
}
.banner-txtpara2{
	padding-right: 10px;
	margin-left: -40px;	
	/* background-color: blue; */
}
.banner-txtpara2-right{
	/* padding-right: 0px; */
	margin-left: -240px;	
	text-align: left;
	/* background-color: red;	 */
}
.banner-imr-img3 figure img{
	/* background-color: blue; */
	width:60%;
}
.banner-imr-img2 figure img{
	/* background-color: red; */
	width:60%;
	margin-left:200px;
}
.accordian-sec{
	position: relative;
}
.container-big{
	max-width: 1440px;
	margin: auto;
	padding: 0 20px;
}
.accordian-sec .step-one .incm-tx{
	font-weight: 400;
	font-size: 25px;
}
.accordian-sec .step-two .incm-tx{
	font-weight: 400;
	font-size: 25px;
}
.accordian-sec .step-three .incm-tx{
	font-weight: 400;
	font-size: 25px;
}
.accordian-sec .step-four .incm-tx{
	font-weight: 400;
	font-size: 25px;
}
.accordian-sec .step-one{
	background: #57A49D;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 65px;
	color: #ffffff;
	position: relative;
	appearance: none;
	display: flex;
	justify-content: space-between;
}
.accordian-sec .step-two{
	background: #7E3A56;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 65px;
	color: #ffffff;
	position: relative;
	appearance: none;
	display: flex;
	justify-content: space-between;
}
.accordian-sec .step-three{
	background: #E98C36;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 65px;
	color: #ffffff;
	position: relative;
	appearance: none;
	display: flex;
	justify-content: space-between;
}
.accordian-sec .step-four{
	background: #6C6EA0;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 65px;
	color: #ffffff;
	position: relative;
	appearance: none;
	display: flex;
	justify-content: space-between;
}
.accordion-button{
	position: relative;
	appearance: none;
	padding: 30px 115px 30px 40px;
}
.accordion-button::after{
	position: absolute;
	content: "";
	background: url('images/bt.svg') no-repeat center center;
	background-size: 90px;
	height: 60px;
	width: 60px;
	right: 3%;
}
.accordion-button:not(.collapsed)::after{
  background: url('images/bt.svg') no-repeat center center;
  background-size: 90px;
  height: 60px;
  width: 60px;
}
.accordion-button::after:hover{
	opacity: 0.5;
}
.accordion-button.step-one{
	appearance: none;
}
.accordian-sec .one-step{
	background: #57A49D;
	border: none;
	outline: none;
}
.accordian-sec .step-one:focus{
	border: none;
	outline: none;
}
.accordian-sec .step-one:hover{
	border: none;
	outline: none;
}
.accordion-button.step-three{
	appearance: none;
}
.accordian-sec .three-step{
	background: #E98C36;
	border: none;
	outline: none;
}
.accordian-sec .step-three:focus{
	border: none;
	outline: none;
}
.accordian-sec .step-three:hover{
	border: none;
	outline: none;
}
.accordion-button.step-four{
	appearance: none;
}
.accordian-sec .four-step{
	background: #6C6EA0;
	border: none;
	outline: none;
}
.accordian-sec .step-four:focus{
	border: none;
	outline: none;
}
.accordian-sec .step-four:hover{
	border: none;
	outline: none;
}
.accordion-button.step-two{
	appearance: none;
}
.accordian-sec .two-step{
	background: #7E3A56;
	border: none;
	outline: none;
}
.accordian-sec .step-two:focus{
	border: none;
	outline: none;
}
.accordian-sec .step-two:hover{
	border: none;
	outline: none;
}
.extra-inpt{
	display: flex;
	justify-content: flex-end;
	margin: 0 0 0 auto;
}
.extra-inpt input[type=text]{
	width: 800px;
}
.accordion-body{
	padding: 30px 40px;
}
.body-acordn{
	display: flex;
	justify-content: space-between;
	margin: auto;
}
.acrd-input form{
	display: flex;
}
.acrd-btn{
	position: relative;
}
.acrd-btn .flw{
	font-size: 31px;
	color: #57A49D;
	display: inline-block;
	padding: 20px 0;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	font-weight: 700;
	transition: 0.5s;
	background: #ffffff;
	width: 280px;
	text-align: center;
}
.acrd-btn a i{
	display: inline-block;
	padding-left: 10px;
}
.acrd-btn .flw:hover{
	background: #57A49D;
	color: #ffffff;
	border: 3px solid #ffffff;
}
.acrd-btn .rtwt{
	font-size: 31px;
	color: #7E3A56;
	display: inline-block;
	padding: 20px 0;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	font-weight: 700;
	transition: 0.5s;
	background: #ffffff;
	width: 280px;
	text-align: center;
}
.acrd-btn .rtwt:hover{
	background: #7E3A56;
	color: #ffffff;
	border: 3px solid #ffffff;
}
.acrd-btn .jon{
	font-size: 31px;
	color: #E98C36;
	display: inline-block;
	padding: 20px 0;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	font-weight: 700;
	transition: 0.5s;
	background: #ffffff;
	width: 280px;
	text-align: center;
}
.acrd-btn .jon:hover{
	background: #E98C36;
	color: #ffffff;
	border: 3px solid #ffffff;
}
.acrd-input form input[type=text]{
	background: transparent;
	border-bottom: 1px solid #ffffff;
	color: #ffffff50;
	font-size: 25px;
	outline: none;
	font-weight: 400;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 2px 10px 2px 0;
}
.acrd-input form input[placeholder]{
	color: #ffffff50;
	font-size: 25px;
	font-weight: 400;
}
.acrd-input form .spt1{
	font-size: 25px;
	color: #ffffff;
	display: inline-block;
	padding: 20px 0;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	background: transparent;
	align-items: center;
	font-weight: 400;
	width: 180px;
}
.acrd-input{
	width: 728px;
}
.acrd-input form .spt1:hover{
	background: #ffffff;
	color: #57A49D;
	border: 3px solid #ffffff;
}
.acrd-input .spt2{
	font-size: 25px;
	color: #ffffff;
	display: inline-block;
	padding: 20px 0;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	background: transparent;
	align-items: center;
	font-weight: 400;
	width: 180px;
	text-align: center;
}
.acrd-input .spt2:hover{
	background: #ffffff;
	color: #7E3A56;
	border: 3px solid #ffffff;
}
.acrd-input form .spt3{
	font-size: 25px;
	color: #ffffff;
	display: inline-block;
	padding: 20px 0;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	background: transparent;
	align-items: center;
	font-weight: 400;
	width: 180px;
}
.acrd-input form .spt3:hover{
	background: #ffffff;
	color: #E98C36;
	border: 3px solid #ffffff;
}
.acrd-input form .spt4{
	font-size: 25px;
	color: #6C6EA0;
	display: inline-block;
	padding: 20px 0;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	background: transparent;
	align-items: center;
	font-weight: 700;
	background: #ffffff;
	width: 180px;
}
.acrd-input form .spt4:hover{
	background: #6C6EA0;
	color: #ffffff;
	border: 3px solid #ffffff;
}
.full-wth{
	width: 100%;
}
.inpt-acrd{
	padding-left: 10px;
}
.margn-txt{
	margin-bottom: 50px;
}
.extra-vrf .flw{
	font-size: 25px;
	color: #ffffff;
	display: inline-block;
	padding: 20px 69px;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	background: transparent;
	align-items: center;
	font-weight: 400;
}
.extra-vrf .flw:hover{
	background: #ffffff;
	color: #57A49D;
	border: 3px solid #ffffff;
}
.extra-vrf{
	display: flex;
	justify-content: flex-end;
}
.join-sec{
	align-items: center;
}

.last-sec{
	padding: 60px 0;
	background: #F7F7F7;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}
.img-last{
	position: relative;
}
.img-last a{
	display: inline-block;
}

.footer{
	position: relative;
	padding: 30px 0;
}
.f-logo{
	display: flex;
	justify-content: center;
	margin: auto;
}
.f-logo2{
	display: flex;
	justify-content: center;
	margin: auto;
}

/* ANIM TEXTS */
.box {
	animation-name: animate;
	animation-duration: 0.7s;
	animation-direction: normal;
  }
  
  @keyframes animate {
	0% {
	  transform: translate(+10%, 0);
	  opacity: 0;
	}
	100% {
	  transform: translate(0,0);
	  opacity: 1;
	}
  }

.box2 {
	animation-name: animate2;
	animation-duration: 0.7s;
	animation-direction: normal;
  }
  
  @keyframes animate2 {
	0% {
	  transform: translate(-10%, 0);
	  opacity: 0;
	}
	100% {
	  transform: translate(0,0);
	  opacity: 1;
	}
  }  
/* END ANIM TEXTS */

/* FAQ */
summary {
	font-size: 1.25rem;
	font-weight: 600;
	background-color: #fff;
	color: #333;
	padding: 1rem;
	margin-bottom: 1rem;
	outline: none;
	border-radius: 0.25rem;
	text-align: left;
	cursor: pointer;
	position: relative;
  }
  details > summary::after {
	position: absolute;
	content: "+";
	right: 20px;
  }
  details[open] > summary::after {
	position: absolute;
	content: "-";
	right: 20px;
  }
  details > summary::-webkit-details-marker {
	display: none;
  }
  details[open] summary ~ * {
	animation: sweep .5s ease-in-out;
  }
  @keyframes sweep {
	0%    {opacity: 0; margin-top: -10px}
	100%  {opacity: 1; margin-top: 0px}
  }
/* ENDFAQ */

/* CAROUSEL */

/* carousel banner - css*/
.banner-carousel figure img{
	background: #6b6f9c;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 65px;
	color: #ffffff;
	position: relative;
	appearance: none;
	display: flex;
	height: 100%;
	width: 100%;
	/* justify-content: space-between; */
}
div#slider {
	width: 80%;
	max-width: 1000px;
}
div#slider figure {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;	
}
div#slider figure img {
	width: 20%;
	height: auto;
	float: left;
}
div#slider {
	width: 100%;
	max-width: 1918px;
	overflow: hidden; 
	/* filter: drop-shadow(0 0 10px #0003);	 */
}
@keyframes slidy { 
	0%    { left: 0; }
	100%  { left: -300%; }
}
div#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	left: 0;
	text-align: left;
	animation: 70s slidy linear infinite;  
}
  /* END CAROUSEL */

@media(max-width: 1399px){

	/* CAROUSEL */
	div#slider {
		width: 100%;
		max-width: 1399px;
		overflow: hidden; 
		/* filter: drop-shadow(0 0 10px #0003);	 */
	}
	/* CAROUSEL */

	.banner-txt h2{
		font-size: 58px;
		margin-top: -100px;			
	}
	.banner-txt2 h2{
		/* background-color: salmon; */
		font-size: 58px;
		margin-top: -40px;			
	}
	.banner-txtpara2{
		padding-right: 10px;
		margin-left: -40px;	
		/* background-color: blue; */
	}
	.banner-txtpara2-right{
		/* padding-right: 0px; */
		margin-left: -210px;	
		text-align: left;
		/* background-color: red;	 */
	}	
	.banner-img figure img{
		/* width: 100%; */
		height: 700px;
		object-fit: cover; 
	}	
	.banner-img2 figure img{
		/* width: 100%; */
		height: 700px;
		object-fit: cover; 
	}		
	.banner-img3 figure img{
		/* width: 100%; */
		height: 1200px;
		object-fit: cover; 
	}	
	.banner-imr-img3 figure img{
		/* background-color: blue; */
		width:60%;
	}
	.banner-imr-img2 figure img{
		/* background-color: red; */
		width:60%;
		margin-left:170px;
	}	
	.container-big{
		max-width: 1200px;
	}
	.accordian-sec .step-one, .accordian-sec .step-two, .accordian-sec .step-three, .accordian-sec .step-four{
		font-size: 50px;
	}
	.acrd-btn .flw, .acrd-btn .rtwt, .acrd-btn .jon{
		font-size: 22px;
		padding: 15px 0;
		width: 220px;
	}
	.acrd-input form input[type=submit]{
		font-size: 22px;
		padding: 15px 0;
		width: 190px;
	}
	.acrd-input .spt2{
		padding: 15px 0;
		width: 190px;
	}
	.logo a figure img {
    width: 300px;
	}
}

@media(max-width: 1199px){
	/* CAROUSEL */
	div#slider {
		width: 100%;
		max-width: 1119px;
		overflow: hidden; 
		/* filter: drop-shadow(0 0 10px #0003);	 */
	}
	/* CAROUSEL */	
	p{
		font-size: 18px;
	}
	.banner-logo{
		/* background-color: red; */
		margin-top: 0px;	
	}
	.banner-img figure img{
		/* width: 100%; */
		height: 600px;
		object-fit: cover; 
	}
	.banner-img2 figure img{
		/* width: 100%; */
		height: 600px;
		object-fit: cover; 
	}			
	.banner-img3 figure img{
		/* width: 100%; */
		height: 1025px;
		object-fit: cover; 
	}	
	.banner-txtpara2{
		padding-right: 10px;
		margin-left: -10px;	
		/* background-color: blue; */
	}
	.banner-txtpara2-right{
		/* padding-right: 0px; */
		margin-left: -170px;	
		text-align: left;
		/* background-color: red;	 */
	}		
	.banner-imr-img3 figure img{
		/* background-color: blue; */
		width:60%;
	}
	.banner-imr-img2 figure img{
		/* background-color: red; */
		width:60%;
		margin-left:160px;
	}	
	.banner-txt h2{
		font-size: 50px;
		margin-top: -100px;			
	}
	.accordian-sec .step-one, .accordian-sec .step-two, .accordian-sec .step-three, .accordian-sec .step-four{
		font-size: 45px;
	}
	.accordion-button{
		padding: 20px 100px 20px 20px;
	}
	.acrd-btn a{
		font-size: 22px;
		padding: 15px 40px;
	}
	.acrd-input form input[type=submit]{
		font-size: 22px;
		padding: 15px 0;
	}
	.acrd-input .spt2{
		padding: 13px 0;
		width: 190px;
	}
	.extra-inpt{
		display: flex;
	}
	.acrd-input form input[placeholder]{
		font-size: 16px;
	}
	.acrd-input form input[type=text]{
		font-size: 16px;
	}
	.acrd-btn .flw, .acrd-btn .rtwt, .acrd-btn .jon{
		width: 200px;
	}
	.acrd-btn{
		padding-right: 20px;
	}
}

@media(max-width: 1024px){

}

@media(max-width: 991px){

/* carousel CONT'D */
	div#slider {
		width: 150%;
		max-width: 991px;
		overflow: hidden; 
		/* filter: drop-shadow(0 0 10px #0003);	 */
	}
/* end carousel */
	
	.banner-logo{
		/* background-color: blue; */
		margin-top: 150px;	
	}
	.banner-img figure img{
		height: 550px;
	}
	.banner-img2 figure img{
		height: 1050px;		
		/* height: 950px; */
	}
	.banner-img3 figure img{
		/* width: 100%; */
		height: 2800px;
		object-fit: cover; 
	}	
	.banner-imr-img3 figure img{
		/* background-color: blue; */
		width:70%;
		margin-left:110px;		
	}
	.banner-imr-img2 figure img{
		/* background-color: red; */
		width:70%;
		margin-left:110px;
	}		
	.banner-about figure img{
		height: 950px;	
	}
	.banner-txtpara{
		margin-top: 0px;
		padding: 0;
	}
	.banner-txtpara2{
		margin-top: 20px;	
		padding: 0;
	}
	.banner-txt{
		/* background-color: green;		 */
		margin-bottom: 20px;
		margin-top: -120px;		
		
	}
	.boxey{
		height: 200px;
		width: 200px;
		background-color: hotpink;
		color: #fff;
		padding: 10px;
		border: solid 3px black;
		margin: 0;
	}
	.body-acordn{
		display: flex;
	}
	.acrd-btn{
		padding-right: 20px;
	}
	.acrd-input{
		margin: 0 0 0 auto;
	}
	.accordion-body{
		padding: 20px 20px;
	}
	.img-last{
		margin-bottom: 20px;
	}
	.extra-vrf{
		max-width: 211px;
		margin: 0 0 0 auto;
		justify-content: flex-end;
	}
	.banner-txt h2{
		/* background-color: red; */
		font-size: 40px;
		margin-bottom: 20px;
		margin-top: 20px;		
	}
	.banner-txt2 h2{
		font-size: 40px;
		margin-bottom: 20px;
		margin-top: 20px;	
	}	
	.banner-txtpara2-right{
		/* background-color: green; */
		margin-top: 20px;
		margin-left: 0px;
		padding: 0px;
	}	
	.accordian-sec .step-one .incm-tx, .accordian-sec .step-two .incm-tx, .accordian-sec .step-three .incm-tx, .accordian-sec .step-four .incm-tx{
		font-size: 22px;
	}
	.acrd-btn .flw, .acrd-btn .rtwt, .acrd-btn .jon{
		font-size: 20px;
		width: 160px;
		padding: 12px 0;
	}
	.acrd-input form input[type=submit]{
		font-size: 20px;
		padding: 12px 0;
		width: 160px;
	}
	.acrd-input .spt2{
		font-size: 20px;
		padding: 12px 0;
		width: 160px;
	}
}

@media(max-width: 767px){
	.banner-logo{
		/* background-color: yellow; */
		margin-top: 50px;	
	}	
	.banner-txt{
		/* background-color: purple;		 */
		margin-bottom: 20px;
		margin-top: -120px;		
		
	}	
	.banner-txt2{
		/* background-color: purple;		 */
		margin-bottom: 20px;
		margin-top: 0px;	
		/* background-color: red;	 */
		
	}		
/* carousel CONT'D*/
div#slider {
	width: 200%;
	max-width: 767px;
	overflow: hidden; 
	/* filter: drop-shadow(0 0 10px #0003);	 */
}
/* end carousel */	
	.banner-txtpara{
		/* background-color: blue; */
		margin-top: 0px;
		padding: 0;
	}
	.banner-txtpara2{
		/* background-color: red; */
		margin-top: 20px;
		padding: 0px;
	}
	.banner-txtpara2-right{
		/* background-color: green; */
		margin-top: 20px;
		margin-left: 0px;
		padding: 0px;
	}	
	.banner-img figure img{
		height: 550px;
	}
	.banner-img2 figure img{
		height: 850px;
	}	
	.banner-img3 figure img{
		/* width: 100%; */
		height: 2300px;
		/* object-fit: cover;  */
	}	
	.banner-imr-img3 figure img{
		/* background-color: blue; */
		width:70%;
		margin-left:60px;
	}
	.banner-imr-img2 figure img{
		/* background-color: red; */
		width:70%;
		margin-left:60px;
	}				
	.img-last{
		display: flex;
		justify-content: center;
		margin: auto;
		margin-bottom: 25px;
	}
	.accordian-sec .step-one, .accordian-sec .step-two, .accordian-sec .step-three, .accordian-sec .step-four{
		font-size: 30px;
	}
	.acrd-input{
		max-width: 100%;
		margin: auto;
	}
	.acrd-btn a{
		font-size: 20px;
		padding: 12px 30px;
	}
	button, input[type="button"], input[type="submit"]{
		width: 161px;
	}
	.acrd-input form input[type=submit]{
		font-size: 20px;
		padding: 12px 0;
	}
	.extra-vrf a{
		font-size: 20px;
		padding: 12px 35px;
	}
	.body-acordn{
		display: block;
	}
	.acrd-btn .flw, .acrd-btn .rtwt, .acrd-btn .jon{
		width: 100%;
	}
	.acrd-btn{
		padding-right: 0;
		margin-bottom: 20px;
	}
	.acrd-input .spt2{
		width: 100%;
	}
	.extra-inpt{
		display: block;
	}
	.container-big{
		padding: 0 10px;
	}
}

@media(max-width: 479px){
	/* carousel CONT'D*/
	div#slider {
		width: 200%;
		max-width: 390px;
		overflow: hidden; 
		/* filter: drop-shadow(0 0 10px #0003);	 */
	}
	/* end carousel */	
	.acrd-input form{
		display: block;
	}
	.acrd-input form input[type=text]{
		max-width: 100%;
		margin: 0 auto 10px auto;
	}
	.acrd-input form input[type=submit]{
		width: 100%;
		margin: auto;
	}
	.acrd-btn a{
		width: 100%;
		text-align: center;
	}
	.extra-vrf a{
		width: 100%;
		text-align: center;
	}
	.banner-img figure img{
		/* width: 100%;		 */
		height: 500px; 
	}
	.banner-img2 figure img{
		height: 700px;
	}
	.banner-img3 figure img{
		height: 1200px;
	}	
	.banner-about figure img{
		height: 700px; 
	}
	.logo a figure img{
		width: 220px;
	}
	.accordian-sec .step-one .incm-tx, .accordian-sec .step-two .incm-tx, .accordian-sec .step-three .incm-tx, .accordian-sec .step-four .incm-tx{
		font-size: 18px;
	}
	.accordian-sec .step-one, .accordian-sec .step-two, .accordian-sec .step-three, .accordian-sec .step-four{
		font-size: 25px;
	}
	.banner-txt h2{
		font-size: 30px;
	}
	.header{
		padding: 10px 0;
	}

	.inpt-acrd{ padding-left: 0; }
}

@media(max-width: 375px){
/* carousel CONT'D*/
div#slider {
	width: 200%;
	max-width: 375px;
	overflow: hidden; 
	/* filter: drop-shadow(0 0 10px #0003);	 */
}
/* end carousel */		
	.accordion-button{
		padding: 20px 55px 20px 10px;
	}
	.accordion-button::after{
		right: -1%;
	}
	.container-big{
		padding: 0 10px;
	}
	.banner-img figure img{
		/* width: 100%; */
		 height: 500px; 
	}
	.banner-img2 figure img{
		 /* height: 200px;  */
		 height: 500px; 
	}
	.banner-about figure img{
		height: 200px; 
	}
	.accordion-body{
		padding: 20px 10px;
	}
}






