/* +++++++++++++++++ Global css +++++++++++++++++++*/

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



:root{

	--fs-xl: clamp(1.8rem, 5vw, 2.5rem);

	--fs-md: clamp(1.6rem, 5vw, 2.5rem);

	--fs-sm: clamp(1.2rem, 5vw, 2.2rem);

	--fs-xz: clamp(1rem, 2vw, 1.5rem);

}



*{margin:0; padding:0; outline:none; border:none;}

body { 

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

  color:#4e4e4e;

  line-height: 22px;

	font-weight: 400;

	font-size: clamp(1.1rem, 5vw, 1rem);
	position: relative;

}



ul {

  padding: 0;

  margin: 0;

}



ul li {

  list-style: none;

}



a {

  text-decoration: none;

}



a:hover {

  text-decoration: none;

}



/* Chrome, Safari, Edge, Opera */



input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */



input[type="number"] {

  -moz-appearance: textfield;

}



/* responsive font size */



html {

  font-size: 1rem;

}





.btn-dark.focus, .btn-dark:focus{

    box-shadow: none;

}

.btn-dark{
	    font-size: 0.9rem;
}


/* +++++++++++++++++ Global css +++++++++++++++++++*/

.ca_header{

	position: relative;

}

.ca_header .topbg{

	background-color: #fff !important;

	position: absolute;

    width: 100%;

}



.topbg .navbar-nav .nav-link {

    padding-right: 1rem;

    padding-left: 1rem;

	color: #373737;

	font-size: clamp(1rem, 5vw, 1.1rem);
	font-weight: 500;

}

.getstart{

	padding: 0.5rem 1.5rem;

	background-image: linear-gradient(to right, #020202 , #555555);

	

}





.banner{

	background: url(../images/bannerbg.png) no-repeat 0 0;

	background-size: cover;

	background-position:  center;

	padding: 11em 0 6em 0;

}

.bannr_txt{

	margin-top: 8%;

}



.bannr_txt h1{

	font-size: var(--fs-xl);

	color: #373737;

	 font-weight: 700;

	margin-bottom: 0.8rem;

}

.bannr_txt p{

	font-size: 1.2rem;

	color: #515151;

	font-weight: 500;

	line-height: 26px;

	margin-bottom: 1.4rem;

}

.bannr_txt ul{

	margin-bottom: 1.6rem;

}

.bannr_txt ul li{

	font-size: 1rem;
    color: #515151;
    font-weight: 400;
    line-height: 35px;

}

.bannr_txt ul li i{

	font-size: 9px;

	margin-right: 10px;

}

.banner .carousel-control-next, .banner .carousel-control-prev{

	display: none;

}

.banner .carousel-indicators{

	bottom: -70px;

}

.banner .carousel-indicators li{

	    height: 5px;

	    background-color: rgb(255 255 255);

}

.banner .carousel-indicators .active{

	background-color:#000;

}

.login_btn{

	    z-index: 9;

    position: relative;

}

.bannr_txt img{

	margin-top: -5%;

    z-index: 1;

}

.login{

	border-radius: 2rem;

    font-weight: 500;

    padding: 0.6rem 2rem;

    font-size: 1.1rem;

	 background-image: linear-gradient(to bottom, #020202 , #555555);

    width: 165px;

	margin-right: 1rem;

	    transition: all 0.3s ease-in-out ;

    -webkit-transition: all 0.3s ease-in-out ;



}



.enroll{

	

	border-radius: 2rem;

    font-weight: 500;

    padding: 0.6rem 2rem;

    font-size: 1.1rem;

	background-image: linear-gradient(to bottom, #FFFFFF , #C1C1C1);

    width: 165px;

	box-shadow: 0px 12px 16px #d1d1d1;

	  transition: all 0.3s ease-in-out ;

    -webkit-transition: all 0.3s ease-in-out ;

	

}



.login:hover, .enroll:hover{

	transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

}



/* +++++++++++++++++ Banner css +++++++++++++++++++*/







.aboutsec{

	padding: 7rem 0;

	position: relative;
	overflow: hidden;

}

.about_visual{
	position: relative;
	min-height: 520px;
}

.aboutsec .container{
	position: relative;
	z-index: 2;
}

.about_text span{

	font-size: 1.1rem;

	color: #B1B1B1;

	font-weight: 500;

	display: inline-block;

	margin-bottom: 0.5rem;

}

.about_text h2{

	font-size: var(--fs-xl);

	color: #373737;

	line-height: 2.9rem;

	 font-weight: 700;

	margin-bottom: 1.5rem;

}

.about_text p{

	font-size: 1.1rem;

	color: #707070;

	line-height: 1.8rem;

	margin-bottom: 1.5rem;

}

.about_visual .abtbg{

	position: absolute;

    left: 35%;

    top: 50%;

    transform: translate(-50%, -50%);
	z-index: 0;
	pointer-events: none;

	

}

.about_visual .abtman{

	position: absolute;

    bottom: -60px;

    left: 35%;
	z-index: 1;
	pointer-events: none;

}







/* +++++++++++++++++ What we get css +++++++++++++++++++*/







.whyus{

	padding: 15rem 0 5rem 0;

	background: url(../images/acabg.png) no-repeat 0 0;

	background-size: cover;

	position: relative;

	overflow: hidden;

}

.whyus_text span{

	font-size: 1.1rem;

	color: #B1B1B1;

	font-weight: 500;

	display: inline-block;

	margin-bottom: 0.5rem;

}

.whyus_text h2{

	font-size: var(--fs-xl);

	color: #373737;

	line-height: 2.9rem;

	 font-weight: 700;

	margin-bottom: 1.5rem;

}

.whyus_text p{

	font-size: 1.1rem;

	color: #707070;

	line-height: 1.8rem;

	margin-bottom: 1.5rem;

}



.whyus_text ul{

	margin-bottom: 2rem;

	

}

.whyus_text ul li{

	font-size: 1rem;

	color: #404040;

	line-height: 1.8rem;

	font-weight: 600;

}

.whyus_text ul li i{

	margin-right: 10px;

}

.whyuspic{

	position: absolute;

    right: 0%;

    top: 58%;

    transform: translate(35%, -50%);

	

}

.whyuslady{

	    position: absolute;

    bottom: 0;

    right: 26%;

}



/* +++++++++++++++++ academy +++++++++++++++++++*/



.price_table{

	padding: 5rem 0;

	position: relative;

	overflow: hidden;

}

.asd{

	position: absolute;

	left: 0;

	top: 4%;

	

}

.middl_txt span{

	font-size: 1.1rem;

    line-height: 1.6rem;

    color: #B1B1B1;

    font-weight: 500;

    display: inline-block;

    margin-bottom: 0.2rem;

}

.middl_txt h2{

	font-size: var(--fs-xl);

	color: #373737;

	line-height: 2.9rem;

	 font-weight: 700;

	margin-bottom: 1rem;

}

.middl_txt p{

	font-size: 1rem;

	color: #707070;

	line-height: 1.5rem;

	width: 50%;

    margin: 0 auto;

	margin-bottom: 2.5rem;

}



.pricing {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

	gap:40px;

	margin-top: 4rem;

}

.pricing .plan {

      background-color: #fff;

    padding: 2.5rem;

    border-radius: 10px;

    text-align: left;

    transition: 0.3s;

    cursor: pointer;

    box-shadow: 0px 7px 17px #eeeeee;

	 transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

	flex: 1;

}

.pricing .plan h2 {

  font-size: 1.2rem;

  margin-bottom: 1rem;

	font-weight: 600;

}

.pricing .plan .price {

  margin-bottom: 1.8rem;

  font-size: 2rem;

	font-weight: 600;

}

.pricing .plan .price span{

	font-size: 1.1rem;

	font-weight: normal;

	

}

.pricing .plan ul.features {

  list-style-type: none;

  text-align: left;

	margin-bottom: 1.8rem;

}

.pricing .plan ul.features li {

font-size: 0.9rem;
    line-height: 1.8rem;

}

.pricing .plan ul.features li i{

	margin-right: 10px;

	font-size: 14px;

}

.pricebtn {

    border-radius: 2rem;

    font-weight: 600;

    padding: 0.6rem 2rem;

    font-size: 1.1rem;

    background-image: linear-gradient(to bottom, #FFFFFF , #C1C1C1);

    width: 165px;

    box-shadow: 0px 12px 16px #343434;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.pricebtn:hover, .pricing .plan:hover, .pricing .plan.popular:hover{

	transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

}



.pricing .plan.popular {

  position: relative;

  transform: scale(1.08);

	background-image: linear-gradient(to bottom, #020202 , #555555);

	color: #fff;

	transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.pricing .plan:hover {

  box-shadow: 5px 7px 67px -28px rgba(0, 0, 0, 0.37);

}



/* +++++++++++++++++ Price Table  css +++++++++++++++++++*/





.top_agent{

	background: url(../images/town.png) no-repeat 0 0;

	background-size: contain;

	background-position: center 80px;

    padding: 7% 0;

    position: relative;

    margin-bottom: -30px;

	

}

.top_agent h3{

	font-size: var(--fs-xl);

	line-height: 3.5rem;

	color: #373737;

	font-weight: 700;

	margin-bottom: 1rem;

}

.top_agent p{

	font-size: 1.8rem;

	color: #707070;

	font-weight: 200;

	width: 70%;

	margin: 0 auto;

	line-height: 2.4rem;

}

.top_agent span{

	display: block;

	font-size: 1.1rem;

	color: #707070;

	line-height: 1.6rem;

	width: 45%;

	margin: 2rem auto;

	

}





/* +++++++++++++++++ Top Agent Css +++++++++++++++++++*/







.footer{

	background: url(../images/footerbg.png) no-repeat 0 0;

	background-size: cover;

	padding-top: 5rem;

	position: relative;

	    margin-top: -25px;

}

.manwrt{

	position: absolute;

    right: 12%;

    top: -75%;

}

.footer1 p{

	font-size: 1rem;

	color: #cdcdcd;

	line-height: 1.5rem;

	margin: 0.8rem 0;

}

.footer1 h3{

	font-size: 1.2rem;

	color: #fff;

	line-height: 1.6rem;

	font-weight: 600;

}



.footer2 h3{

	font-size: 1.2rem;

	color: #fff;

	line-height: 1.6rem;

	margin-bottom: 1.4rem;

	font-weight: 600;

}

.footer2 ul li a{

	font-size: 1rem;

	color: #cdcdcd;

	line-height: 2rem;

}

.ftlast{

	color: #D4D4D4;

	font-size: 1rem;

	border-top: 1px solid #8B8B8B;

}

.footer2 p{

	font-size: 1rem;

	color: #cdcdcd;

	line-height: 1.5rem;

	margin: 0.8rem 0;

}

.footer2 .form-control{

	padding: 0.6rem 0.75rem;

}

.footer2 .btn{

	padding: 0.6rem 1rem;

	    border-radius: 0 0.25rem 0.25rem 0;

	background-image: linear-gradient(to bottom, #FFFFFF , #C1C1C1);

	

}

.social_iocn{

	margin-bottom: 1rem;

}

.social_iocn a{

	width: 40px;

    height: 40px;

    color: #fff;

    background: #606060;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    border-radius: 50%;

	margin: 0 5px;

}





/*animation*/





.path1{

	position: absolute;

    left: 25%;

    top: 30%;

}



.path2{

	position: absolute;

    right: 25%;

    top: 30%;

}



.path3{

	position: absolute;

    left: 30%;

    bottom: 20%;

}



.path4{

	position: absolute;

    left: 25%;

    top: 20%;

}

.path5{

	position: absolute;

    right: 35%;

    top: 0%;

}

.path6{

	position: absolute;

    right: 25%;

    top: 30%;

}





.path7{

	position: absolute;

    left: 5%;

    top: 10%;

}

.path8{

	position: absolute;

    right: 35%;

    top: -20%;

}

.path9{

	position: absolute;

   right: 10%;

    top: 30%;

}



/**

 * ----------------------------------------

 * animation slide-bottom

 * ----------------------------------------

 */







 .slide-bottom {

	-webkit-animation: slide-bottom 6000ms cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate-reverse both;

	        animation: slide-bottom 6000ms cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate-reverse both;

}



 @-webkit-keyframes slide-bottom {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    100% {

      -webkit-transform: translateY(80px);

              transform: translateY(80px);

    }

  }

  @keyframes slide-bottom {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    100% {

      -webkit-transform: translateY(80px);

              transform: translateY(80px); 

    }

  }

  

  .slide-right {

	-webkit-animation: slide-right 6000ms cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;

	        animation: slide-right 6000ms cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;

}



@-webkit-keyframes slide-right {

    0% {

      -webkit-transform: translateX(0);

              transform: translateX(0);

    }

    100% {

      -webkit-transform: translateX(100px);

              transform: translateX(100px);

    }

  }

  @keyframes slide-right {

    0% {

      -webkit-transform: translateX(0);

              transform: translateX(0);

    }

    100% {

      -webkit-transform: translateX(50px);

              transform: translateX(50px);

    }

  }



  .slide-left {

	-webkit-animation: slide-left 2000ms cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;

	        animation: slide-left 2000ms cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;

}

@-webkit-keyframes slide-left {

    0% {

      -webkit-transform: translateX(30px);

              transform: translateX(30px);

    }

    100% {

      -webkit-transform: translateX(-30px);

              transform: translateX(-30px);

    }

  }

  @keyframes slide-left {

    0% {

      -webkit-transform: translateX(30px);

              transform: translateX(30px);

    }

    100% {

      -webkit-transform: translateX(-30px);

              transform: translateX(-30px);

    }

  }





/*+++++++++++++++++ Welcome ++++++++++++++++++*/







.welcome{

	background:#F5F5F5;

	position: relative;

}

.welbg{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.welbg img{

	width: 100%;

}

.welcome_box{

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	height: 100vh;



}

.welwomen{

	position: absolute;

	left: 10%;

	top: 30%;

	transform: translate(-50%,-50%);

	

}

.welman{

	position: absolute;

	right: 5%;

	top: 30%;

	transform: translate(-50%,-50%);

}





.login_box{

	

	position: relative;

	display: flex;

	justify-content: center;

align-items: flex-start;

	height: 100vh;

	

}

.login_box .form-group.floating{

	height: 45px;

	margin-bottom: 1.8rem;

}

.form-group.floating input{

	height: 45px;

	border: 1px solid #C9C9C9;

	background: #f5f5f59c;

}

.form-group.floating>label {

    bottom: 34px;

    left: 8px;

    position: relative;

    padding: 0px 5px 0px 5px;

    font-size: 1rem;

    transition: 0.1s;

    pointer-events: none;

    font-weight: 500 !important;

    transform-origin: bottom left;

}

.form-control:focus{

	box-shadow: none;

}



.form-control.floating:focus~label{

    transform: translate(1px,-90%) scale(0.80);

    opacity: 1;

    color: #707070;

	background: #fff;

	font-size: 1.3rem;

}



.form-control.floating:valid~label{

    transform-origin: bottom left;

    transform: translate(1px,-90%) scale(0.80);

    opacity: 1;

	font-size: 1.3rem;

	background: #fff;

}

.form-group.floating{

	position: relative;

}

.form-group.floating > i{

	    position: absolute;

    right: 20px;

    top: 13px;

    transform: translate(0, 0);

	

}

/*-------31102022-----*/
.schdule .form-group {
	display: block;
	margin-bottom: 0px;
  }
.schdule .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
  }
  
  .schdule .form-group label {
	position: relative;
	cursor: pointer;
	margin-bottom: 0px;
	font-size: 15px;
  }
  
  .schdule .form-group label:before {
	content:'';
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #373737;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 6px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
  }
.schdule .form-group input:checked + label:after {
	content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 3px;
    width: 5px;
    height: 10px;
    border: solid #2b2b2b;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-50%, -50%);
  }

.mainbox{

	width: 55%;

}

.frmbox{

	background: #fff;

	box-shadow: 0px 10px 16px 0px #e5e5e5;

    padding: 3rem 8rem;

	border-radius: 10px;

}

.frmbox h2{

	    font-size: 2rem;

    color: rgb(55, 55, 55);

    line-height: 2.9rem;

    font-weight: 700;

    margin-bottom: 0.6rem;

	text-align: center;

}

.frmbox p{

	 font-size: 1.1rem;

    color: #949494;

    line-height: 1.3rem;

    margin-bottom: 1.8rem;

	text-align: center;

}

.frmbox p span{

	color: #515151;

	display: block;

	margin-top: 0.2rem;

	font-weight: 500;

}





.login_box .welwomen{

	position: absolute;

	left: 15%;

	top: 50%;

	transform: translate(-0%,-50%);

	

}

.login_box .welman{

	position: absolute;

	right: 15%;

	top: 50%;

	transform: translate(-0%,-50%);

}

.loginnow{

    padding: 0.6rem 2rem;

    font-size: 1.1rem;

    background-image: linear-gradient(to bottom, #020202 , #555555);

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

	width: 100%;

}

.loginnow:hover {

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

}

.text-black {

	color: #373737;

	font-weight: 600;

}

.social_login{

	margin-top: 1rem;

	margin-bottom: 1.8rem;

	text-align: center;

}

.social_login p{

	font-size: 1rem;

	margin-bottom: 1rem;

	

}

.facebook{

	background: #3154b9;

    color: #fff;

    padding: 10px;

    width: 48%;

    display: inline-block;

    text-align: center;

    border-radius: 4px;

	font-size: 1rem;

}

.google{

	background: #c72b2b;

    color: #fff;

    padding: 10px;

    width: 48%;

    display: inline-block;

    text-align: center;

    border-radius: 4px;

	font-size: 1rem;

}



.facebook:hover,.google:hover{

	color: #fff;

	

}

.regtext{

	     font-size: 1rem !important;

    line-height: 1.4rem !important;

    text-align: left !important;

    margin-bottom: 0 !important;

}



.verify{

	margin: 5rem 0 2rem 0;

}

.verify input{

	border: none;

	border-bottom: 1px solid #707070;

	border-radius: 0;

	box-shadow: none;

	text-align: center;

	font-size: 2.5rem;

	padding: 0;

	color: #3D3D3D;

}

.verify input::placeholder{

	color: #f5f5f5;

}



.plansubs{

	padding: 0 5rem;

}

.plansubs span{

	font-size: 1.1rem;

    color: #B1B1B1;

    font-weight: 600;

	text-align: center;

	display: block;

}

.plansubs h2{

	font-size: 1.5rem;	

    color: rgb(55, 55, 55);

    line-height: 2.9rem;

    font-weight: 700;

    margin-bottom: 0.6rem;

    text-align: center;

	

}



.fade.in {

    opacity: 1;

}



.plansubs .nav-tabs{

	justify-content: center;

	border-bottom: none;

	margin-top: 2rem;

}

.plansubs .nav-tabs li{

	background: #F5F5F5;

	margin: 0 5px;

}

.plansubs .nav-tabs li a{

	color: #363636;

	font-size: 1rem;

		padding: 8px 25px;

	display: inline-block;
	font-weight: 600;

}


.plansubs .nav-tabs li a.active{

	background: linear-gradient(to bottom, #020202 , #555555);
		color: #FFF;
}



.plansubs .tab-content{

	background: #fff;

    box-shadow: 0px 10px 16px 0px #e5e5e5;

    padding: 2rem 2.5rem;

    border-radius: 10px;

}



.subscrib h2 {

    font-size: 1.5rem;

    margin-bottom: 0;

    font-weight: 600;

}

.subscrib .price{

	margin-bottom: 1.8rem;

    font-size: 2rem;

    font-weight: 600;

	text-align: center;

}

.subscrib span {

    font-size: 1.1rem;

    font-weight: normal;

	display: inline-block;

	

}

.subscrib ul.features {

    list-style-type: none;

    text-align: left;

    margin-bottom: 1.8rem;

}

.subscrib ul.features li {

    font-size: 0.9rem;

    line-height: 1.9rem;
	font-weight: 500;

}

.subscrib ul.features li i {

    margin-right: 10px;

    font-size: 14px;

}

.skipn{

	    background: linear-gradient(to right, #fff, #c1c1c1);

	color: #fff !important;

	text-transform: uppercase;

	border-color: #BFBFBF;

	color: #343434 !important;

	padding: 8px 30px;

	margin: 0 5px;

	width: 40%;

}



.buyn{

	background: linear-gradient(to bottom, #020202 , #555555);

	color: #fff !important;

	text-transform: uppercase;

	padding: 8px 30px;

	margin: 0 5px;

	width: 40%;

}





.payment{

	background: #fff;

    box-shadow: 0px 10px 16px 0px #e5e5e5;

    padding: 2rem 2rem;

    border-radius: 10px;

}

.payment .tab-content{

	background: none;

    box-shadow: none;

    padding: 0;

    border-radius: 0;

}

.payment .card{

	border: none;

}

.payment .card-body{

	padding: 0;

}

.payment .nav-pills .nav-link.active, .payment .nav-pills .show>.nav-link{

	background: linear-gradient(to bottom, #020202 , #555555) !important;

	padding: 10px 0;

	color: #fff;



}

.payment .nav-pills .nav-link{

	color: #4A4A4A;

}



.payment .form-group label{

	color: #4A4A4A;

	text-transform: uppercase;

	font-size: 0.9rem;

}



.payment_text{

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 1.2rem;

}

.payment_text h2{

	font-size: 1.3rem;

    margin-bottom: 0;

    font-weight: 600;

}

.payment_text .price{

    font-size: 1.6rem;

    font-weight: 600;

}

.payment_text .price span {

    font-size: 1.1rem;

    font-weight: normal;

    display: inline-block;

}





.inner{

	background: #F5F6FA;

	padding: 8rem 0 6rem 0;

}



.ca_header .innbg{

	    background-color: #fff !important;

}



.ingoal{

	margin-top: 2rem;

	    z-index: 99;

    position: relative;

}

.ingoal h2{

	font-size: var(--fs-sm);

    color: #373737;

    line-height: 2.9rem;

    font-weight: 700;

    margin-bottom: 0.2rem;

	text-align: center;

	

}

.ingoal p{

	font-size: 1.1rem;

    color: #707070;

    line-height: 1.8rem;

    margin-bottom: 1.5rem;

	text-align: center;

}

.goal_box{

	background: #fff;

	 box-shadow: 0px 10px 16px 0px #e5e5e5;

	border-radius: 10px;

	margin-bottom: 1.6rem;

}

.goal_box .table td, .goal_box .table th{

	border: none;

}

.table-striped tbody tr:nth-of-type(odd) {

    background-color: #F5F6FA;

}

.goal_box .table thead th{

	text-align: center;

	font-size: clamp(1rem, 5vw, 0.9rem);

	color: #343434;

	font-weight: 600;

	text-transform: uppercase;

	padding: .95rem .75rem;

}

.goal_box .table thead th:first-child{

	text-align: left;

}



.goal_box .table tbody td{

	text-align: center;

}



.goal_box .table tbody td input{

	width: 70px;

    margin: 0 auto;

    padding: 2px 10px;

}



.goal_box .table tbody th:first-child{

	font-size: clamp(0.9rem,5vw,1rem);

	font-weight: 500;

}



.inner ul.nav{

	gap:10px;

}

.inner .form-control:focus{

	background-color: #080808;

    border-color: #000000;

    outline: 0;

    color: #fff;

}

.reports{

	background: #fff;

	 box-shadow: 0px 10px 16px 0px #e5e5e5;

	border-radius: 10px;

	padding: 1.8rem;

	

}

.report_box{

	background: #F5F6FA;

}

.report_box .table td, .report_box .table th{
	padding: 0.65rem 0.45rem;
}



.report_box .table thead th{

	text-align: center;

	font-size: clamp(1rem, 5vw, 0.9rem);

	font-weight: 600;

	text-transform: uppercase;

	padding: .95rem .75rem;
	width: 10%;

}

.report_box .table thead th span{

	font-weight: 500;

	font-size: 1rem;

	    display: block;

}

.report_box .table thead th:first-child{

	text-align: left;
    width: 20%;

}



.report_box .table tbody td{

	text-align: center;
	position: relative;
	font-size: clamp(0.99rem,2.5vw,1rem);

}



.report_box .table tbody td input{

	    width: 65px;
    padding: 2px 2px;
    font-size: clamp(0.99rem,2.5vw,1rem);

}



.report_box .table tbody th:first-child{

	font-size: clamp(0.9rem,2.5vw,1rem);
	font-weight: 500;


}

.report_box .table tbody td span{
	    position: absolute;
    right: 7px;
    top: 16px;
	cursor: pointer;
	display: inline-block;
}

.report_top{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 1.8rem;

}

.report_top h2{

	font-size: 1.5rem;

    color: #373737;

    line-height: 2.9rem;

    font-weight: 700;

	

}

.report_top p{

	margin-bottom: 0;

}



.report_top ul{

	display: flex;

	background: #F5F6FA;

	border-radius: 5px;

	overflow: hidden;

}

.report_top ul li a{

	    padding: 10px 20px;

    display: inline-block;

    color: #4D4D4D;

    text-transform: uppercase;

    font-size: 0.9rem;

}

.report_top ul li a.active{

	background: #2F99DF;

	color: #fff;

}

.schdule{

	max-height: 600px;

	overflow: auto;

	overflow-x: hidden;

	padding: 0 1rem;

}

.schdule table{

	width: 100%;

	margin-bottom: 1.5rem;

}

.schdule table thead th{

	text-align: center;

	font-size: 1rem;

	margin-bottom: 0.5rem;

}

.schdule table thead th .smant{

	font-size: 1.3rem;

	color: #373737;

	margin-bottom: 1rem;

	display: block;

}

.schdule table tbody tr td{

	padding: 10px 8px;

	text-align: center;

	    border: 1px solid #ddd;

}

.setrang{

	width: 28%;

}

.setrang input{

	width: 100%;

}

.setrang span{

	font-size: 1rem;

}





/*+++++++++++++++++++++ dahbord +++++++++++++++++++++++++*/



.dash_left{

	    background: #fff;

    background: linear-gradient(to bottom, #020202 , #555555);

    border-radius: 10px;

	padding: 2rem 1rem;

}



.dash_left ul{

	list-style: none;

}



.dash_left ul li{

	border-bottom: 1px solid #444444;

	line-height: 1.6;

}



.dash_left ul li a{

	font-size: clamp(1rem,5vw,1.1rem);

	color: #DCDCDC;

	display: block;

		padding: 1rem;

}



.dash_left ul li a.active{

	background: #F5F6FA;

	color: #1C1C1C;

	border-radius: 5px;

	font-weight: 600;

}



.dash_left ul li a:hover{

	background: #F5F6FA;

	color: #1C1C1C;

	border-radius: 5px;

	font-weight: 600;

}

.dasbox{

	background: #fff;

	border-radius: 10px;

	padding: 1rem;

	box-shadow: 0px 10px 16px 0px #e5e5e5;

	margin-bottom: 1.5rem;

	position: relative;

}

.dash_title{

	font-size: clamp(1.5rem,5vw,1.8rem);

    color: #373737;

    line-height: 1.5;

    font-weight: 600;

    margin-bottom: 1.2rem;

}

.dash_title span{

	font-weight: 400;

}



.dasbox span{

	font-size: clamp(1rem,5vw,1.2rem);

	color: #848484;

	display: block;

	margin-bottom: 0.5rem;

}

.dasbox h2{

	color: #131313;

	font-size: clamp(1.5rem,5vw,2.2rem);

	    font-weight: 600;

}

.dasbox .dasimg{

	position: absolute;

	right: 10px;

	top: 10px;

}

.dasbox h3{

	color: #4B4B4B;

	font-size: clamp(1rem,5vw,1.2rem);

	    font-weight: 600;

	margin-bottom: 1rem;

}

.dasbox p{

	font-size: clamp(0.9rem,5vw,1rem);

	color: #949494;

	margin-bottom: 0;

	

}

.dasbox h4{

	color: #4B4B4B;

	font-size: clamp(1rem,5vw,1.1rem);

	    font-weight: 600;

	margin-bottom: 0.5rem;

}



.dasbox .price{

    font-size: 1.8rem;

    font-weight: 600;

}



.dasbox .price span {

    font-size: 1.1rem;

    font-weight: normal;

    display: inline-block;

}





















/*+++++++++++++++++++++ validation message +++++++++++++++++++++++++*/







.validate_msg{
  font-size: 13px;
    color: #d11a1a;
    width: 100%;
    text-align: left;
    display: block;
    position: absolute;
    bottom: -21px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 15px;
}
.password_msg{
	bottom: -30px;
	line-height: 14px;
	 font-size: 12px;
}



.masge1{

	font-size: 1.1rem;

    color: #323232 !important;

    background: #f5f5f5;

    padding: 10px;

    border-radius: 5px;

}

.masge1 i{

	margin-right: 10px;

}

.masge2{

	font-size: 1.1rem;

    color: #323232 !important;

    background: #FFEFBE;

    padding: 10px;

    border-radius: 5px;

}

.masge2 i{

	margin-right: 10px;

}

.masge3{

	font-size: 1.1rem;

    color: #323232 !important;

    background: #c9ffe1;

    padding: 10px;

    border-radius: 5px;

}

.masge3 i{

	margin-right: 10px;

}

.masge4{

	font-size: 1.1rem;

    color: #323232 !important;

    background: #FFD1C9;

    padding: 10px;

    border-radius: 5px;

}

.masge4 i{

	margin-right: 10px;

}











/*+++++++++++++++++++++ schedule +++++++++++++++++++++++++*/






.raselect a{

	color: #373737;

    font-size: 0.9rem;

    padding: 0 0.5rem;

    font-weight: 600;

}

.schdule .form-group {

	display: block;

	margin-bottom: 0px;

  }

.schdule .form-group input {

	padding: 0;

	height: initial;

	width: initial;

	margin-bottom: 0;

	display: none;

	cursor: pointer;

  }

  

  .schdule .form-group label {

	position: relative;

	cursor: pointer;

	margin-bottom: 0px;

	font-size: 15px;

  }

  

  .schdule .form-group label:before {

	content:'';

	-webkit-appearance: none;

	background-color: transparent;

	border: 1px solid #373737;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

	padding: 6px;

	display: inline-block;

	position: relative;

	vertical-align: middle;

	cursor: pointer;

	margin-right: 5px;

  }

.form-group input:checked + label:after {

	content: '';

    display: block;

    position: absolute;

    top: 12px;

    left: 3px;

    width: 5px;

    height: 10px;

    border: solid #2b2b2b;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg) translate(-50%, -50%);

  }





.report_bottom{

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 1.8rem;

	margin-bottom: 1rem;

}

.report_bottom a{

	        color: #373737;

    font-size: 1rem;

    padding: 0 1.5rem;

    font-weight: 600;

    text-transform: uppercase;

}



.schdule table tfoot{

	font-size: 13px;

    border: solid 1px #ddd;



}

.schdule table tfoot tr td{

	padding: 10px 8px;

	text-align: center;

}



/*+++++++++++++++++++++ Contact us +++++++++++++++++++++++++*/

.pbox{
	background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: 0px 10px 16px 0px #e7eaf9;
    margin-bottom: 1.5rem;
    display: flex;
	justify-content: flex-start;
	align-items: center;
}

.pbox_right{
	margin-left: 1.5rem;
}
.pbox_right h3{
	font-size: 1.2rem;
	color: #373737;
	font-weight: 600;
	margin-bottom: 0.3rem;
}
.pbox_right p{
	font-size: 1.1rem;
	margin-bottom: 0;
	color: #8D8D8D;
}
.getin{
	background: linear-gradient(to bottom, #020202 , #555555);
	padding: 2rem 3rem;
	 border-radius: 10px;
	box-shadow: 0px 10px 16px 0px #e7eaf9;
}
.map{
	background: #fff;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0px 10px 16px 0px #e7eaf9;
	height: 100%;
}
.getin h2{
	font-size: 1.9rem;
	color: #FFFFFF;
	font-weight: 600;
	margin-bottom: 0.2rem;
	text-align: center;
}
.getin p{
	font-size: 1rem;
	color: #FFFFFF;
	font-weight: 400;
	margin-bottom: 1.5rem;
	text-align: center;
}
.getin .form-group input{
	    padding: .5rem .75rem;
}
.sendmg{
	color: #fff;
    background-color: #2F99DF;
    border-color: #2F99DF;
    font-size: 1.1rem;
    padding: 0.8rem 1.5rem;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
	box-shadow: 0px 10px 16px 0px #383838;
}


/*+++++++++++++++Modal+++++++++++++++++*/

.reportmdl .modal-body{
	padding: 1rem 2rem;
}
.reportmdl .modal-body .form-group{
	margin-bottom: 0.5rem;
}
.reportmdl .modal-body label{
	font-size: 1rem;
	    color: #373737;
	margin-bottom: 0;
	padding-top: 0;
}
.reportmdl h5{
	font-size: 1.1rem;
	font-weight: 600;
}
.reportmdl .tDate{
	display: block;
}
.reportmdl .modal-footer{
	background: #ecf0f1;
}
.reportmdl .modal-title{
	font-size: clamp(1.2rem,5vw,1.5rem);
    color: #e2e2e2;
    line-height: 2.9rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
}
.modal-title{
	font-size: clamp(1.2rem,5vw,1.5rem);
    color: #373737;
    line-height: 2.9rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.reportmdl .btn {
    border-radius: 2px;
    min-width: 100px;
}
.save{
	background: linear-gradient(to bottom, #020202 , #555555);
    color: #fff !important;
	
}
.modal-body select{
	background: #f5f6fa;
    padding: 10px;
    margin-bottom: 14px;
    font-size: 1rem;
    border-radius: 2px;
	border: 1px solid #e4e7f5;
}
.nmodal h2{
	font-size: 1.2rem;
    margin-bottom: 0.8rem;
    color: #000;
	
}
.nmodal h3{
	font-size: 1.3rem;
    margin-bottom: 0.8rem;
    color: #000;
	font-weight: 600;
	margin-top: 1rem;
}
.removet i{
	color: #000;
}

.report_box .table tbody td.ds-report{
	background: #e7eaf3;
}
.report_box .table thead th.today_days{
	background: #93a2db;
}
/*
.report_box .table tbody td:nth-child(4){
	background: #cfd9ff;
}
*/
.report_box .table tbody td:nth-child(1){
	text-align: left;
	font-size: 1rem;
	    line-height: 1;
}
.d-grid{
	display: flex;
    justify-content: center;
    align-items: center;
}

.raicon{
	position: absolute;
	right: 5px;
    top: 15px;
}

.page-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  z-index: 1000;
}

.page-loader img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}


.legend{
	    background: #f5f6fa;
    border-radius: 5px;
    margin-top: 2rem;
}
.legend h3{
	text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
    color: #373737;
    background: #e2e7fb;
    padding: 0.5rem 1rem;
    border-radius: 5px 5px 0 0;
	margin-bottom: 0;
}

.legend ul{
	    padding: 1rem 1.5rem;
	display: flex;
    justify-content: center;
    align-items: center;
}
.legend ul li{
        padding: 0 3rem;
    align-items: center;
    display: flex;
    font-size: 1.1rem;
    color: #0a0a0a;
	
}
.week1{
	width: 25px;
	height: 25px;
	background: #ccc;
	border-radius: 30px;
	margin-right: 10px;
}
.week2{
	width: 25px;
	height: 25px;
	background: #ff8e8e;
	border-radius: 30px;
	margin-right: 10px;
}

.week3{
	width: 25px;
	height: 25px;
	background: #343a40;
	border-radius: 30px;
	margin-right: 10px;
}

.week4{
	width: 25px;
	height: 25px;
	background: #4b86f1;
	border-radius: 30px;
	margin-right: 10px;
}
.legenin {
	padding-top: 0 !important;
}
.legenin input{
	    margin-right: 10px;
    width: 40px;
    text-align: center;
    height: 30px;
    padding: 5px;
}
.radata-tble{
	padding: 2rem 0;
}
.radata-tble .table thead th{
	font-size: 15px;
}
.radata-tble .dataTables_length{
	float: left;
}
.radata-tble .dataTables_length select{
	padding: 5px 10px;
    margin-bottom: 0;
}
.radata-tble .dataTables_filter input{
	    background: #f5f6fa;
    padding: 5px;
    border: 1px solid #e9ebf3;
}
.radata-tble div.dataTables_info{
	float: left;
}
.radata-tble div.dataTables_paginate{
	padding-top: 0.85em;
}

.radata-tble div.dataTables_paginate a{
	color: #424242;
    background: #e7eaf3;
    padding: 5px 10px;
    font-size: 1rem;
    margin: 0 10px;
    line-height: 1;
}

.btn-close{
	background: none;
    font-size: 30px;
}
.action2 .save{
	width: -webkit-fill-available;
    margin-bottom: 0.2rem;
	font-size: 0.9rem;
}

.sucess h3{
	font-size: 1.6rem;
    color: #373737;
    line-height: 2rem;
    font-weight: 700;
	margin-top: 1rem;
}

.sucess h5{
	font-size: 1.1rem;
    color: #707070;
    line-height: 1.8rem;
	margin-bottom: 1.5rem;
}

.sucess p{
	font-size: 14px;
	color: #373737;
	margin-bottom: 2.5rem;
}

/*innr page*/


.testimonials-clean p {
  color:#7d8285;
}

.testimonials-clean h2 {
  font-weight:bold;
  margin-bottom:2rem;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .testimonials-clean h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.testimonials-clean .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto;
}

.testimonials-clean .intro p {
  margin-bottom:0;
}

.testimonials-clean .people {
  padding:50px 0 20px;
}

.testimonials-clean .item {
  margin-bottom:32px;
}

@media (min-width:768px) {
  .testimonials-clean .item {
    height:220px;
  }
}

.testimonials-clean .item .box {
  padding:30px;
  background-color:#fff;
  position:relative;
	box-shadow: 0px 5px 10px #dfe1eb;
}

.testimonials-clean .item .box:after {
  content:'';
  position:absolute;
  left:30px;
  bottom:-24px;
  width:0;
  height:0;
  border:15px solid transparent;
  border-width:12px 15px;
  border-top-color:#fff;
}

.testimonials-clean .item .author {
  margin-top:28px;
  padding-left:25px;
}

.testimonials-clean .item .name {
  font-weight:bold;
  margin-bottom:2px;
  color:inherit;
}

.testimonials-clean .item .title {
  font-size:13px;
  color:#9da9ae;
}

.testimonials-clean .item .description {
  font-size:1rem;
  margin-bottom:0;
}

.testimonials-clean .item img {
  max-width:40px;
  float:left;
  margin-right:12px;
  height: 40px; 
}

/* Feature Box
---------------------*/
.feature-box-1 {
  padding: 32px;
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  margin: 15px 0;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  top: 0;
	background: #fff;
}
.feature-box-1 * {
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.feature-box-1 .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #363636;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 22px;
  font-size: 20px;
}

.feature-box-1 h5 {
  color: #282827;
  font-weight: 600;
}
.feature-box-1 p {
  margin: 0;
  font-size: 1rem;
	margin-bottom: 1.5rem;
}
.feature-box-1:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  border-radius: 10px;
  width: 0;
  background: #282827;
  z-index: -1;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.feature-box-1:hover {
  top: -5px;
}
.feature-box-1:hover h5 {
  color: #ffffff;
}
.feature-box-1:hover p {
  color: rgba(255, 255, 255, 0.8);
}
.feature-box-1:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  left: 0;
  right: auto;
}

.price_table .card{
	    border: none;
	    border-radius: 10px;
	background: #f5f6fa;
}

.price_table .card p{
	font-size: 1rem;
}

.media{
	background: #fff;
	box-shadow: 0px 5px 10px #dfe1eb;
}
.abt h2 {
    font-size: var(--fs-xl);
    color: #373737;
    line-height: 2.9rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.abt p {
    font-size: 1.1rem;
    color: #707070;
    line-height: 1.8rem;
    margin-bottom: 1.5rem;
}
.agent_box{
	background: #fff;
    box-shadow: 0px 5px 10px #dfe1eb;
    padding: 1.5rem 1rem;
    text-align: center;
    border-radius: 10px;
}
.agent_box h3{
	    color: #282827;
    font-weight: 600;
	font-size: 1.2rem;
}
.agent_box p{
	 color: #282827;
    font-weight: 400;
	font-size: 1rem;
	 overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom: 1.5rem;
}

.agent_box .icon{
	margin-bottom: 1rem;
}

.agent-coch h4 {
    font-size: 1.4rem;
    color: #373737;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    border-left: 5px solid #000;
    padding-left: 1rem;
}
.agent-coch p {
   font-size: 0.9rem;
    color: #707070;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}
.rabg{
	    background: #F5F6FA;
    padding: 3rem 0 2rem 0;
}

.box {
    background: #fff;
    padding: 30px;
    margin: 0 0 24px 0;
}

.rte .boxHeadline {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.rte .boxHeadlineSub {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    color: #919599;
    margin-bottom: 1rem;
}

/** 
 * Shop
 */
/** Shop: Index **/
/* General */
/** Shop: Thumbnails **/
.shop__thumb {
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin-bottom: 20px;
  background-color: white;
  text-align: center;
}
.shop__thumb > a {
  color: #333333;
}
.shop__thumb > a:hover {
  text-decoration: none;
}
.shop-thumb__img {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.shop-thumb__title {
  font-weight: 600;
	font-size: 1rem;
}
.shop-thumb__price {
  color: #777777;
}
.shop-thumb-price_old {
  text-decoration: line-through;
}
.shop-thumb-price_new {
  color: red;
}
.shop__thumb img{
	width: 100%;
}
/** Shop: Item **/
.filter{
	border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin-bottom: 20px;
  background-color: white;
}
.filter h3{
	color: #282827;
    font-weight: 600;
	font-size: 1rem;
}
.filter ul li a{
	    font-size: 1rem;
    color: #000;
    line-height: 2rem;
}
.applyCoupon{
	color: #000;
	    font-size: 1rem;
}
.modal-header .btn-close {
    width: 0.75rem;
    height: 0.2rem;
}