@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }
html, body { font-size: 16px; color: #000; font-family: 'Poppins', sans-serif; font-weight:500;}
body { background: #fff; font-family: 'Poppins', sans-serif; position: relative }
input, select, textarea { font-size: 16px; }
img { border: 0; display: block; }
ul, ol, li { list-style: none; margin:0; padding: 0; }
:focus { outline: none; }
a { transition: all 0.3s; text-decoration:none !important; }
p { line-height: 1.6; color: #000; margin-bottom:0; }

h1 { font-size:2.5rem; color:#3F1770; font-weight:700; line-height: 1.2;}
h2 { font-size:2rem; color:#3F1770; font-weight:600; line-height: 1.2; }
h3 { font-size:1.5rem; font-weight:600; }
h4 { font-size:26px; font-weight:500; }
h5 { font-size:22px; font-weight:600; }
h6 { font-size:18px; font-weight:600; }

input, textarea, select { font-family: 'Poppins', sans-serif; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }
label { font-weight: 500; display: block; padding-bottom: 10px; margin-bottom: 0}

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1280px; }
.centered { padding-right: calc((100% - 1280px) / 2); padding-left: calc((100% - 1280px) / 2); }
.container { max-width: 1280px;}
/* ### wrapper ### */
#wrapper { position: relative; overflow: hidden; display: block; width: 100%; min-height: 100%; }
.button { background-image: linear-gradient( 237deg, #3f1770 , #200c38); width: 172px; height: 50px; text-align: center !important; padding: 10px; user-select: none;
	border-radius: 10px; color: #fff; display: flex; align-items: center; justify-content: center; transition: all ease-in-out 0.5s; cursor: pointer}
.button:hover { background-image: linear-gradient( 237deg, #200c38, #3f1770); box-shadow: #d7cfcf 0 10px 10px; border-color: #000; transition: all ease-in-out 0.5s; }
.flexRow { display: flex; align-items: flex-start; justify-content: flex-start;}
input, textarea { width: 100%; border-radius: 10px; border: #DADADA solid 1px; height: 48px; font-family: 'Poppins', sans-serif; padding: 8px 15px;}
select { width: 100%; background: none; border-radius: 10px; border: #DADADA solid 1px; height: 48px; color: #6E6E6E; padding: 8px;font-family: 'Poppins', sans-serif;}
select option {color: #000}
/* ### main container ### */
#mainCntr { width: 100%; }

/* header-part */
#header-part { width: 100%; position: relative; display: table; background-image: linear-gradient( 237deg, #200c38, #3f1770);padding-bottom: 30px;}
#header-part a.logo { display: block; }
#header-part a.logo img {
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	width: 150px;
}

/* nav-bar */
.nav-bar { width: 100%; position: relative; display: flex; justify-content: flex-end;}
.nav-bar ul {list-style: none; display: flex; justify-content: flex-end; flex-wrap: wrap; margin: 0;}
.nav-bar li { padding: 20px 15px; float: left; position: relative;  font-weight: 500; cursor: pointer; }
.nav-bar li a { display: block; color: #000; font-weight: 600; line-height: normal;font-family: 'Raleway', sans-serif; }
.nav-bar li a:hover { color: #54ccec}
.nav-bar .mobileMenu { display: none; }
.nav-bar li ul {
	position: absolute;
	right: 30px;
	top: 50px;
	z-index: 9999;
	width: 250px;
    background: #3F1770;
    overflow: visible;
}


.submenu2 {
	left: 164px !important;
	top: 10px !important;
	opacity: 0;
	visibility: hidden;
	width: 190px !important;
}

.nav-bar li:hover .submenu1 {
	opacity: 1;
	visibility: visible;
}

.outreach:hover .submenu2 {
	opacity: 1;
	visibility: visible;
}

.resource:hover .submenu2 {
	opacity: 1;
	visibility: visible;
}

.nav-bar li ul li {
	width: 100%;
	padding: 0;
	background: #3F1770;
}

.nav-bar li ul li:last-child a {
	border: none;
}

.nav-bar li ul li a {
	color: #fff;
	width: 100%;
	display: block;
		background: #3F1770;
	padding: 12px 10px;
	border-bottom: rgba(255, 255, 255, 0.46) solid 1px;
}

	/* header box */
.headerBox .bottom {
	display: flex;
	background: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	align-items: center;
	justify-content: flex-end;
}

.headerBox .top {
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 5px 15px 10px 15px;
}

.headerBox .top .contact {
	padding-top: 5px;
}

.headerBox .top .contact a {
	color: #fff;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	    word-break: break-all;
}

.headerBox .top .contact a img {
	margin-right: 10px;

}


.headerBox .top .language select {
	color: #fff;
	height: auto;
	border: #fff solid 1px;
}

.headerBox .top .theme {
	display: flex;
	flex-wrap: wrap;
}

.headerBox .top .theme strong  {
	color: #fff;
	font-weight: 600;
	padding-right: 8px;
}

.headerBox .top .theme ul li a {
	line-height: 1;
	width: 22px;
	height: 22px;
	color: #fff;
	display: block;
	padding: 0 4px;
	font-weight: 500;
	font-size: 10px;
	background: #000;
	margin-right: 3px;
	text-align: center;
	word-break: break-all;
	border: #fff solid 1px;
}

.default-theme {

	background-image: linear-gradient(230deg, #0CA21B, #B6AA16, #1111C5) !important;
}

.white-theme {
	background: #fff !important;
	border-color: #000 !important;
}

.pink-theme {
	background: #FF32FF !important;
	border-color: #fff !important;
}

.green-theme {
	background: #00FF01 !important;
	border-color: #fff !important;
}

.blue-theme {
	background: #1629B6 !important;
	border-color: #fff !important;
}

.yellow-theme {
	background: #FFFF01 !important;
	border-color: #fff !important;
}

.headerBox .top .fontSize {
	flex-wrap: wrap;
	margin: 0 20px 0 -30px;
}

.headerBox .top .fontSize strong {
	color: #fff;
	font-weight: 600;
}

.headerBox .top .fontSize ul {
	border-radius: 5px;
	background: #af7af0;
}

.headerBox .top .fontSize ul li {
	height: 32px;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.aplus span{
	font-size: 20px !important;
}

.headerBox .top .fontSize ul li a {
	width: 34px;
	height: 34px;
	color: #fff;
	display: flex;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: relative;
}

.headerBox .top .fontSize ul li a:hover {
	background: #6e29c4;
}

.headerBox .top .fontSize ul li a span {
	font-size: 30px;
	margin-right: 5px;
}

.fontSmall {
	font-size: 15px !important;
}

.headerBox .top .signLogin {
	padding-top: 0;
}

.headerBox > .top > .signLogin > ul > li > a {
	width: 94px;
	display: block;
	color: #3F1770;
	font-weight: 500;
	background: #fff;
	overflow: hidden;
	margin-left: 6px;
	text-align: center;
	position: relative;
	padding: 8px 12px;
	border-radius: 10px;
	border: #3F1770 solid 1px;
}

.headerBox > .top > .signLogin ul > li > a:hover {
	color: #fff;
	background: none;
	border: #fff solid 1px;
}

.headerBox > .top > .signLogin ul > li > a:after {
	contentd: "";
	height: 155px;
	left: -75px;
	top: -50px;
	width: 50px;
	z-index: 1;
	opacity: 0.2;
	position: absolute;
	background: #54ccec;
	transform: rotate(35deg);
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}

.headerBox .top .signLogin ul li a:hover:after {
	left: 120%;
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

/* content-part */
#contentCntr { width: 100%; position: relative; }

/* slider box */
.sliderBox {
	width: 100%;
	margin-top: -27px;
}

.sliderBox .sliderJs {
	width: 100%;
}

.sliderBox .sliderJs .block {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	cursor: move;
}

.sliderBox .sliderJs .block img {
	margin: 0 auto;
	width: 100%;
}

.sliderBox .slick-arrow {
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 99;
	width: 48px;
	height: 38px;
	border: none;
	outline: none;
	display: block;
	cursor: pointer;
	text-indent: 10000000px;
	transform: translate(0, -50%);
	border-radius: 0 50px 50px 0;
	transition: all ease-in-out 0.5s;
	background: url("../images/arrow-pre.png") center center no-repeat #fff;
}

.sliderBox .slick-arrow.slick-next {
	right: 10px;
	left: auto;
	border-radius: 50px 0 0 50px;
	background: url("../images/arrow-next.png") center center no-repeat #fff;
}

.sliderBox .slick-arrow:hover {
	opacity: 0.8;
}

/* cap box */
.capBox {
	width: 100%;
	background: #F5F5ffffF5;
}

.capBox .inner {
	align-items: center;
	padding: 27px 0 50px 0;
	justify-content: space-between;
}
.capBox .inner .article h1 span,
.capBox .inner .article  h2 span {
	color: #000;
}

.capBox .inner .article  h4  {
	padding: 9px 0 18px;
}

.capBox .inner .article  p {
	padding-bottom: 10px;
}

.capBox .inner .article  p a {
	color: #3F1770;
	font-weight: 600;
}

.capBox .inner .article  ul li {
	margin: 0px 7px 8px 0;
}

.capBox .inner .content {
	margin-top: 30px;
}

.capBox .inner .content img {
	width: 100%;
	float: right;
	max-width: 533px;
	margin-right: -20px;
}

/* video box */
.videoBox {
	width: 100%;
}

/* trust box */
.trustBox {
	width: 100%;
	padding: 20px 0 ;
}

.trustBox .inner {
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.trustBox .inner .figure img {
	width: 100%;
    height: 100%;
    max-height: 638px;
    margin: 0 auto;
}

.trustBox .inner .article h2 {
	width: 100%;
	max-width: 400px;
	padding-bottom: 6px;
}
.trustBox .inner .article p {
	line-height: 1.9;
	padding-bottom: 18px;
}

/* capgemini box */
.capgeminiBox {
	width: 100%;
	padding: 30px 0 10px;
}

.capgeminiBox h2 {
	
}

.capgeminiBox h2 span {
	color: #000;
}

.capgeminiBox p {
	line-height: 1.9;
	padding-bottom: 15px;
}

.capgeminiBox p a {
	font-weight: 600;
	padding: 0 6px;
}

#back-to-top {
	    width: 50px;
    height: 50px;
    position: fixed;
    right: 140px;
    bottom: 18px;
    background: #3f1770 !important;
    border: #fff solid 1px;
    border-radius: 50px;
    opacity:0;
}
#back-to-top.show {
  opacity:1;  
}
#back-to-top img {
	width: 100%;
}

/* ### Sign up 1 start ### */

/* sign1 box */
.sign1Box {
	width: 100%;
	padding-top: 60px;
	background: #F6F6F6;
	padding-bottom: 60px;
}

.sign1Box .inner {
	width: 100%;
	max-width: 970px;
	margin:  0 auto;
	background: #fff;
	padding: 35px 32px;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.13) 0 10px 20px;
}

.sign1Box .inner h3 {
	color: #fff;
	padding: 8px;
	background: #3F1770;
	border-radius: 10px;
	text-align: center;
	position: relative;
}



.sign1Box .inner h6 {
	text-align: center;
	font-weight: 500;
	padding: 15px 0;
}

.mandatory {
	color: red !important;
}

.sign1Box .inner form {
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
}

.sign1Box .inner form .block {
	padding-bottom: 25px;
}

.checkBox {
	margin: 0 auto;
}

.checkBox label {
	position: relative;
	cursor: pointer;
	margin: -27px 0 0 0;
}

.checkBox .term {
	width: 16px;
	height: 16px;
	background: #3F1770;
	border-radius: 0;
}
.checkBox  label:before {
	content: '';
	border: 0;
	width: 22px;
	cursor: pointer;
	height: 22px;
	position: relative;
	margin-right: 12px;
	background: #3F1770;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
}

.checkBox  input:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 8px;
	width: 6px;
	height: 12px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.sign1Box .inner form .submit {
	width: 100%;
}

.sign1Box .inner form .submit .button {
	margin: 20px auto;
}

.sign1Box .inner form p {
	width: 100%;
	color: #707070;
	font-weight: 500;
	text-align: center;
}

.sign1Box .inner form p a {
	color: #3f1770;
}

.sign1Box .inner form p a:hover {
	color: #54ccec;
}

.sign1Box.otpBox .inner {
	max-width: 464px;
}

.sign1Box.otpBox .inner p {
	font-weight: 500;
	padding: 30px 20px 60px;
	text-align: center;
}

.sign1Box.otpBox .inner form {
	flex-wrap: nowrap;
}

.sign1Box.otpBox .inner form input {
	margin: 0 5px;
}

.sign1Box.otpBox .inner i {
	text-align: center;
	display: block;
	padding: 30px 0 20px;
}

.sign1Box.otpBox .inner p span {
	padding-left: 20px;
	font-size: 18px;
	font-weight: 400;
}

.sign1Box.otpBox .inner .submit .button {
	margin: 0 auto;
}


/* ### Primary Details Page start ### */

/* Primary box */

.PrimaryBox h5 {
	font-size: 23px;
	font-weight: 500;
	padding-top: 20px;
	padding-bottom: 30px;
}

.PrimaryBox .inner form .block {
	padding-bottom: 10px;
}

.PrimaryBox .inner form .checkBox label:before {
	background: #fff;
	margin-right: 15px;
	border: #3F1770 solid 1px;
}

.PrimaryBox .inner form .checkBox label {
	font-weight: 400;
}

.checkBox input:checked + label:before {
	background: #3F1770 !important;
}

.PrimaryBox .inner form .button {
	margin-top: 60px !important;
}

.profileSub {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.profileSub .button{
	margin: 20px 7px !important;
}


/* ### Login Page start ### */
/* login box */

.loginBox form {
	margin-top: 20px;
	flex-wrap: wrap !important;

}

.flexRow.login input {
	width: 100% !important;
	text-align: left;
	margin: 0 !important;
}

.flexRow.login .col-lg-12 {
	padding-bottom: 25px;
}

.loginBox .forgot {
	display: block;
	color: #000;
	font-size: 16px;
	text-align: center;
	margin: 0;
}

.loginBox .inner i {
	margin: -15px 0 40px 0!important;
}

.loginBox .inner .signUp {
	margin: -20px auto 0;
}

.loginBox .inner .signUp .button {
	color: #3F1770;
	background: none;
	border: #3F1770 solid 1px;
}

.loginBox .inner .signUp .button:hover {
	color: #fff;
	background-image: linear-gradient( 237deg, #3f1770 , #200c38);
}

.forgotInner p {
	padding: 30px 20px 0 !important;
}

.forgotInner .submit2 {
	margin-top: 60px;
}

.submit.saveBtn {
	margin-top: 60px
}

.topMargin {
	margin-top: 24px !important;
}


/* footer-part */
#footer-part {
	width: 100%;
	position: relative;
	background: #0E031B;
}

.footerBox {
	width: 100%;
	padding: 68px 0 0;
}

.footerBox .inner {
	justify-content: space-between;
}

.footerBox .inner .intro {
	padding-right: 30px;
}

.footerBox .inner .intro a {
	display: block;
	margin-bottom: 15px;
}

.footerBox .inner .intro a img {
	width: 160px;
	background: #fff;
	border-radius: 5px;
	padding: 8px;
}
.footerBox .inner .intro p {
	color: #fff;
	padding-bottom: 22px;
}

.footerBox .inner .navigation h6 {
	color: #fff;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.footerBox .inner .navigation h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 66px;
	height: 2px;
	background: #fff;
}

.footerBox .inner .navigation ul {
	width: 100%;
	margin-top: 10px;
}

.footerBox .inner .navigation ul li {
	width: 100%;
	padding: 9px 0;
}

.footerBox .inner .navigation ul li a {
	width: 100%;
	color: #fff;
}

.footerBox .inner .navigation ul li a:hover {
	color: #1bbde9;
	padding-left: 8px;
}

.footerBox .inner address {
	font-style: normal;
}

.footerBox .inner address h6 {
	color: #fff;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.footerBox .inner address h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 66px;
	height: 2px;
	background: #fff;
}

.footerBox .inner address ul {
	width: 100%;
}

.footerBox .inner address ul li {
	color: #fff;
	display: flex;
	margin-top: 30px;
	justify-content: flex-start;
}

.footerBox .inner address ul li span {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	margin: 0 20px 30px 0;
	border: #fff solid 1px;
	justify-content: center;
}

.footerBox .inner address ul li:nth-child(2) span {
	margin-bottom: 0;
}

.footerBox .inner address ul li:nth-child(3) span {
	margin-bottom: 0;
}

.footerBox .inner address ul li p {
	color: #fff;
	max-width: 288px;
	width: 100%;

}

.footerBox .inner address ul li p a {
	color: #fff;
}

.footerBox .inner address ul li p a:hover {
	color: #1bbde9;
}

.copyright {
	text-align: center;
	background: #0E031B;

}

.copyright p {
	color: #fff;
	padding: 20px 0;
	border-top: #3e3549 solid 1px;
}

.callMe {
	position: fixed;
	top: 40%;
	left: 0;
	color: #fff;
	width: auto;
	height: 50px;
	padding: 10px 24px;
	z-index: 9999;
	text-align: center;
	background-color: #3f1770;
	border-radius: 0 50px 50px 0;
	display: flex;
	align-items: center;
	border-left: none !important;
	justify-content: space-around;
	box-shadow: rgb(0 0 0 / 30%) 0 6px 10px;
}

.callMe:hover {
	background: #0E031B;
	color:#fff;
}

.callMe img {
	margin-right: 10px;
}

.black {
	background-color: #000 !important;
	border: none;
}

.borderColor {
	border-color: #D2D2D2 solid 1px;
}


/* #Phase 2 CSS Start
================================================== */

.disabled {
	background: #f6f6f6;
}

.link-tag {
	width: 100%;
	min-height: 58px;
	color: #0E031B;
	display: flex;
	padding: 4px 25px 4px 15px;
    align-items: center;
    border-radius: 10px;
	border: #DADADA solid 1px;
	font-family: 'Poppins', sans-serif;
	background: url("../images/right-arrow.png") 98% 50% no-repeat #fff;
}

.link-tag:hover {
	border-color: #3f1770;
}

.headerBox .top > .signLogin > ul {
	display: nonfe;
	justify-content: flex-end;
}

.user-drop {
	width: 100%;
	position: relative;
}

.mm-listview .mm-next {
	background: #fff !important;
}

.mm-navbar .mm-btn:first-child {
	background: #fff !important;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
	color: rgb(255 255 255)!important;
}

.user-drop span {
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	border-radius: 100px;
	border: #fff solid 2px;
}

.user-drop span img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}

.user-drop:hover .drop_down {
	display: block;
}

.drop_out {
	padding-top: 15px;
	width: 200px;
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 99;
}

.drop_out .drop_down {
	border-radius: 8px;
	display: none;
	background-image: linear-gradient(237deg, #3f1770 , #200c38);
}

.user-drop >  .drop_out > .drop_down:before {
	content: '';
	position: absolute;
	right: 13px;
	top: 6px;
	width: 20px;
	height: 20px;
	background: #3f1770;
	transform: rotate(45deg);

}

.user-drop > .drop_out > .drop_down > ul {
	display: block;
}

.user-drop > .drop_out > .drop_down > ul li {
	padding: 5px 10px 5px;
}

.user-drop > .drop_out > .drop_down > ul li a {
	color: #fff;
	display: block;
	padding: 4px 10px 10px 10px;
	border-bottom: #3f1770 solid 1px;
}

.user-drop > .drop_out > .drop_down > ul li a:hover{
	border: none !important;
	border-bottom: #6e29c4 solid 1px !important;
}

.user-drop > .drop_out > .drop_down > ul > li > a:after,
.user-drop > .drop_out > .drop_down > ul > li > a:before {
	display: none;
}

.complet_col {	width:100% !important;}

.complet_col br { display:none;}

.complet_col select {	margin-bottom: 18px;}

.headerBox .top .theme ul li a {
	position: relative;
}


.c-button--active {}

.chooseOne {
	padding-top: 15px;
	width: 200px;
	position: absolute;
	right:0;
	z-index: 99;
	display: none;

}

.headerBox > .top > .signLogin > ul > li:hover .chooseOne {
	display: block;
}

.drop_outOne .drop_downOne {
	border-radius: 8px;
	position: relative;
	background: #fff;
	border: #cfcfcf solid 1px;
	box-shadow: #00000069 0px 6px 16px;
}

.chooseOne .drop_outOne {
	pointer-events: revert;
}

.chooseOne .drop_outOne:before {
	    content: '';
    position: absolute;
    top: -5px;
    right: 13px;
    width: 20px;
    z-index: 999;
    height: 20px;
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

}

.drop_outOne .drop_downOne ul {
	display: block;
}

.drop_outOne .drop_downOne ul li {
	padding: 5px 10px 5px;
}

.drop_outOne .drop_downOne ul li a {
	color: #200c38;
	font-size: 14px;
	display: block;
	padding: 4px 10px 10px 10px;
	border-bottom: #3f1770 solid 1px;
}

.drop_outOne .drop_downOne ul li a:hover{
	border: none !important;
	color: #54ccec !important;
	border-bottom: #6e29c4 solid 1px !important;
}

.drop_outOne > .drop_outOne > .drop_downOne:before {
	content: '';
	position: absolute;
	right: 13px;
	top: 6px;
	width: 20px;
	height: 20px;
	background: #3f1770;
	transform: rotate(
			45deg
	);
}

/* profile box */

.profileBox {

}

.profileBox .inner {
	margin-top: 150px;
	margin-bottom: 80px;
	padding: 50px 15px;
	border: #e9e9e9 solid 1px;
	background-image: linear-gradient(237deg, #3f1770 , #200c38);
	    margin: 20px 0 !important;
}

.profileBox .profile {
	width: 100%;
}

.profileBox .profile span {
	height: 180px;
	width: 180px;
	display: block;
	margin: 0 auto 0;
	position: relative;
	background: #fff;
	border-radius: 100px;
	border: #fff solid 2px;
	box-shadow: #0000007d 0 22px 20px;
}

.row-centered {
	text-align:center;
}

.col-centered {
	display:inline-block;
	float:none;
	margin: 0 auto;
}

.profileBox .profile span img {
	border-radius: 100px;
	height: 100%;
	width: 100%;
}

.profileBox .profile span .choosePro {
	position: absolute;
	top: 124px;
	right: 3px;
	border: none;
	display: flex;
	width: 34px;
	height: 34px;
	cursor: pointer;
	overflow: hidden;
	padding: 34px 0 0 0;
	align-items: center;
	border-radius: 220px;
	justify-content: center;
	box-shadow: #fff 0px 0px 0px 1px;
	background: url(../images/add.png) 6px 6px no-repeat, linear-gradient(to right, #6e29c4 -90%, #3F1770);
}

.profileBox .profile ul {
	margin-top: 40px;
}
.profileBox .profile ul li {
}

.profileBox .profile ul li a {
	color: #fff;
	padding: 15px;
	display: block;
	border-bottom: #3F1770 solid 1px;
}

.profileBox .profile ul li a:hover {
	color: #1bbde9;
}

/* profile edit box */

.profileEditBox .inner {
	display: flex;
	flex-wrap: wrap;
	border: #DADADA solid 1px;
	margin: 60px 0;
}

.profileEditBox .inner .left {
	text-align: center;
	padding-top: 30px;
	border-right: #DADADA solid 1px;
}

.view_form span {
	font-weight: 500;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.view_form label {
	width: 100%;
	min-height: 42px;
	border-bottom: #DADADA solid 1px;
	font-family: 'Poppins', sans-serif;
	padding: 8px 15px;
	font-weight: normal;
	font-style: italic;
}

.profileEditBox .inner .left span {
	padding: 6px;
	width: 178px;
	height: 176px;
	margin: 0 auto 30px;
	display: block;
	position: relative;
	background: #3F1770;
	border-radius: 400px;
	box-shadow: #00000026 0 22px 20px;

}

.profileEditBox .inner .left span img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}
.profileEditBox .inner .left .edit_btn {
	height: 39px;
	width: fit-content;
	margin: 20px auto;
}

.profileEditBox .inner .left .edit_btn:hover {
	color: #fff;
}

.profileEditBox .inner .left h5,
.profileEditBox .inner .left address {
	color: #3F1770;
}

.profileEditBox .inner .right h4 {
	padding:0 0 20px 0;
	color: #3F1770;
	border-bottom:  #3F1770 solid 2px;
	margin-bottom: 30px;

}

/* services box */

.profileEditBox .inner .right .form .block {
	margin-bottom: 25px;
}
.profileEditBox .inner .right .form .button {
	margin: 30px auto;
}

.callUs {
	background-size: 28px;
	background-image: url("../images/phone-call.png");
}

.chatting {
	background-size: 32px;
	background-image: url("../images/chatting.png");
}

.tab1Box {
	margin: 50px 0;
}
.tab1Box .nav.nav-tabs .nav-link {
	width: 200px;
	color: #000;
	border-radius: 0;
	text-align: center;
	background: #f6f6f6;
	border: 1px solid #e3e3e3;
	border-bottom: none !important;

}
.tab1Box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background: #3f1770 !important;
	color: #fff !important;
}

.tab1Box .nav-tabs {
	border-bottom: 1px solid #3f1770;
	padding-bottom: 1px;
}

.tab1Box .tab-content {
	padding-top: 40px;
	padding-bottom: 10px;
	border: 1px solid #3f1770;
	border-top: none;
}

.tab1Box .tab-content .block .inner {
	position: relative;
}

.tab1Box > .tab-content > .block > .inner > img {
	position: absolute;
	left: 0;
	top: 0;
}

.tab1Box .playpause {
	backgrodund-image: url(../images/video-icon.png);
	background-repeat: no-repeat;
	width: 62px;
	height: 62px;
	position: absolute;
	left: 0;
	right: 0;
	top: -20%;
	bottom: 0;
	margin: auto;
	background-size: 55px;
	background-position: center;
	cursor: pointer;
}

.tab1Box .audio .playpause {
	background-image: url(../images/audio.png);
	top: 0;
}

.tab1Box .audio .inner {
	border-radius: 20px;
	box-shadow: #00000026 0 10px 20px;
}

.tab1Box .tab-content .block {
	margin-bottom: 20px;
}

.tab1Box .tab-content .block .inner video {
	border-radius: 20px;
	box-shadow: #00000026 0 10px 20px;
}

.tab1Box .tab-content .block  h6 {
	font-size: 18px;
	padding-top: 15px;
}

.tab1Box .tab-content .tab-pane .flexRow {
	flex-wrap: wrap;
}

.tab1Box .tab-content .audio .block .inner {
	background: #000;
	height: 224px;
}

.pdf_view a {
	display: block;
}

.pdf_view a img {
	margin: 0 auto;
	padding: 50px 0;
	    width: 38%;
    max-width: 110px;
}

/* feedback box */
.feedbackBox {

}

.feedbackBox .inner {
	border: #eaeaea solid 1px;
	border-radius: 10px;
	padding-top: 20px;
	margin: 40px 0;
}

.feedbackBox .inner h6 {
	text-align: center;
	font-weight: 500;
	padding-top: 10px;
}

.feedbackBox .inner .smileyRow {
	justify-content: center;
	padding-top: 30px;
}

.smiley{
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	user-select: none;

}

.smiley label {
	text-align: center;
}

.radio {
	display: none;
}

.radio ~ span {
	font-size: 3rem;
	filter: brightness(1.3);
	cursor: pointer;
	transition: 0.3s;
	display: block;
}

.radio:checked ~ span {
	filter: brightness(1);
}

.feedbackBox .inner .category {
	padding-top: 40px;
}

.feedbackBox .inner .category ul {
	flex-wrap: wrap;
	margin-bottom: 50px;
	position: relative;
}

.feedbackBox .inner .category ul li {
	width: auto;
	text-align: center;
	margin: 20px 10px 0 0;
}

.feedbackBox .inner .category ul li label {
	padding: 10px 30px;
	border: #b7b7b7 solid 2px;
}

.feedbackBox .inner .category ul li input[type=radio] {
	height: 100%;
	position: absolute;
	visibility: hidden;
}

.feedbackBox .inner .category ul li input[type=radio]:checked ~ label {
	background: #3F1770;
	border: #3F1770 solid 2px;
	color: #fff;
}

.feedbackBox .inner form .details p {
	display: inline-flex;
}

.feedbackBox .inner form .details p span {

	padding-right: 20px;
}

.feedbackBox .inner form textarea {
	height: 130px;
}

.feedbackBox .inner form .button {
	margin: 30px auto;
}

.spceBotm {
	margin-bottom: 20px;
}

.infoSerach {

}

.state_search {
	flex-wrap: nowrap !important;
}

.state_search .button {
	margin-left: 20px;
}

.infoSerachOut {
	padding: 0 30px;
}

.infoSerachOut .infoSerach {
	border: 1px solid #e3e3e3;
	padding-top: 10px;
	border-radius: 10px;
	margin-top: 30px;
}
.infoSerachOut .infoSerach:hover {
	border-color: #3F1770;
}

.infoSerachOut .infoSerach p {
	margin-bottom: 8px;
}

.infoSerach ul li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
}

.infoSerach ul li span {
	background: #3F1770;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	margin-right: 20px;
}
.infoSerach ul li span img {
	width: 25px;
}

.infoSerach ul li a {
	width: auto;
	word-break: break-all;
	color: #000;
}

.infoSerach ul li a:hover {
	color: #1bbde9;
}

/* about box */
.aboutBox .block {
	margin: 10px 0;
}

.about-add {
	margin-top: 30px;
}
.about-add ul  {
	flex-wrap: wrap;
}

.about-add ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
	padding: 10px;
}

.about-add ul li span {
	background: #3F1770;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	margin-right: 20px;
}

.about-add ul li a {
	width: auto;
	word-break: break-all;
	color: #3F1770;
}

.about-add ul li span img {
	width: 25px;
}

.about-add ul li a:hover {
	color: #1bbde9;
}

/* know box */
.knowBox {
	padding-top: 40px;
	padding-bottom: 0px;
}

.knowBox h3 {

}

.knowBox h6 {
	text-transform: uppercase;
	color: #3F1770;
}

.knowBox p {
	padding-bottom: 10px;
}

.knowBox p a {
    margin-left:5px;
    font-weight: 600;
}

.knowBox ul {
	margin-bottom: 20px;
}

.knowBox ul li {
	padding: 10px 10px 7px;
	position: relative;
	font-weight: 600;
	font-style: italic;
}
.knowBox ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	background: #3F1770;
	width: 5px;
	height: 5px;
	border-radius:10px ;
}

/* contact box */
.contactBox {
	padding-top: 40px;
	padding-bottom: 40px;
}

.contactBox h3 {
	padding-bottom: 0;
}

.contactBox h6 {
	text-transform: uppercase;
	color: #3F1770;
}

.contactBox .inner {
	border: #e1e1e1 solid 1px;
	border-radius: 10px;
	padding: 20px;
	width: 100%;
	margin-top: 20px;
}

.contactBox .inner h5 {
	font-size: 18px;
	padding-bottom: 20px;
}

.contactBox .inner ul li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 10px;
}

.contactBox .inner ul li span {
	background: #3F1770;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	margin-right: 20px;
}

.contactBox .inner ul li span img {
	width: 25px;
}

.contactBox .inner ul li a {
	width: 80%;
	word-break: break-all;
	color: #3F1770;
}

.contactBox .inner ul li p {
	width: 80%;
}

.knowBox h5 {
	font-size: 18px;
}

.partnerRow {
	margin-top: 40px;
}

.partnerRow .inner {
	border-radius: 10px;
	transition: all ease 0.5s;
	box-shadow: rgb(0 0 0 / 21%) 0px 6px 10px;
	margin-bottom: 30px;
	height: 180px;
	padding:20px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.partnerRow .inner:hover {
	box-shadow: rgb(0 0 0 / 35%) 0px 10px 10px;
}

.partnerRow .inner img {
	width: 100%;
	border-radius: 10px;
	margin: 0 auto;
	max-height: 190px;
}

.screenReader a {
	display: block;
	color: #fff;
	width: 110%;
	padding: 8px 3px;
	margin: 0px 0 0 0;
	border: #fff solid 1px;
	border-radius: 10px;
	text-align: center;
}

.screenReader a:hover {
	border-color: #1bbde9;
	color: #1bbde9;
}


#mm-blocker {
	background: rgb(0 0 0 / 86%) !important;
}

.mm-listview > li > a, .mm-listview > li > span {
	background: none !important;
}

.mm-panel.mm-hasnavbar .mm-navbar,
a:not([href]):not([tabindex])
{
	background: none !important;
}

/* Admin box */
.upDateColl {
	background: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	border: #dadada solid 1px;
	margin-bottom: 0;
}

.upDateColl h5 {
	padding-bottom: 10px;
	font-weight: 500;
	margin-bottom: 15px;
	border-bottom: #dadada solid 2px;
}

.srchInput {
	height: 40px;
	margin-bottom: 15px;
	border-radius: 5px;
}

.srchJob .btn {
	background: #1e88e5;
	padding:9px 20px ;
	color: #fff;
	margin-left: 10px;
}

.srchJob .btn:hover {
	opacity: 0.8;
}

.notiColl a {
	position: relative;
	display:inline-block;
}

.notiColl a:hover {
	filter: grayscale(1);
}

.notiColl a span {
	position: absolute;
	right: -10px;
	top: -4px;
	background: red;
	border-radius: 100px;
	width: 30px;
	height: 30px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.notiColl {
	text-align: right;
}

.notiColl img {
	width: 36px;
	filter: invert(1);
	color: #fff;
}

.headingT {
	background: #3f1770;
}

.headingT:hover {
	background: #8a4ad8 !important;
}

.dashAcco .card {
	margin-bottom: 20px;
}

.headingT .btn.btn-link {
	font-size: 18px !important;
	color: #fff !important;
	width: 100%;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
}

.mm-menu.mm-right {
	background-image: linear-gradient(237deg, #3f1770, #200c38);
	color: #fff;
	    z-index: 9999999;
}

.content-wrapper {
	min-height: calc(100vh - 56px);
	padding-top: 1rem;
}

#mainNav .navbar-collapse {
	overflow: auto;
	max-height: 75vh;
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
	cursor: pointer;
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
	float: right;
	content: '\f107';
	font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
	content: '\f105';
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
	padding-left: 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
	display: block;
	padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
	text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
	padding-left: 1em;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
	padding-left: 2em;
}

#mainNav .navbar-collapse .sidenav-toggler {
	display: none;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
	position: relative;
	min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
	float: right;
	width: auto;
	content: '\f105';
	border: none;
	font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
	position: absolute;
	top: 5px;
	left: 21px;
	font-size: 10px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
	content: '\f107';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
	overflow: hidden;
	max-width: none;
	text-overflow: ellipsis;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
	background-color: #212529;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
	color: #adb5bd;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler {
	background-color: #dee2e6;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
	color: rgba(0, 0, 0, 0.5);
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
	overflow-x: hidden;
	width: 55px;
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
	width: 55px !important;
}

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: 'FlipH';
}

#mainNav.static-top .sidenav-toggler {
	display: none;
}
#mainNav.fixed-top .sidenav-toggler {
	display: none;
}

#sidenavToggler i {
	font-weight: 800;
}

.navbar-sidenav-tooltip.show {
	display: none;
}

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: 'FlipH';
}

.content-wrapper {
	overflow-x: hidden;
	background: #f4f6f9;
}

body.sidenav-toggled .navbar-sidenav {
	width: 55px;
}

body.sidenav-toggled .navbar-sidenav .nav-link-text {
	display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item,
body.sidenav-toggled .navbar-sidenav .nav-link {
	width: 55px !important;
}

body.sidenav-toggled .navbar-sidenav .nav-item:after,
body.sidenav-toggled .navbar-sidenav .nav-link:after {
	display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item {
	white-space: nowrap;
}

body.sidenav-toggled .navbar-sidenav-tooltip.show {
	display: flex;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
	color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
	color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
	color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
	color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
	color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
	color: #adb5bd;
}

.sign1Box .inner form  {
grid-template-columns: 100%;
align-items: flex-start;
}

.error {color:red}
.error+input {border-color:red}
.error.valid {color:green}

.sign1Box.otpBox .inner .fa-ban {display:none}
.alert-danger h4 { font-size: 21px; text-transform: uppercase; }
.ui-datepicker {background: #3f1770 !important; color: #fff!important; }
.ui-datepicker .ui-datepicker-header {    background: #280b4b !important; border: none !important;}
.ui-datepicker .ui-datepicker-title {margin: 0 !important;}
.ui-datepicker .ui-datepicker-title select {color:#fff  !important;height: 40px !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color: #ffffff !important; background-color:#eb8f00 !important; border: 1px solid #eb8f00 !important;}



#registration .checkBox label:before { display:none}
#registration .checkBox label { margin: -25px 0px 0px 30px; }
#registration .checkBox input:checked + label:after { display:none}
#termandcondition-error {margin:0 !important;position: absolute;}
.button {font-weight: 600;}
.submenu1 {padding: 0 10px;}
.alert-success h4 {font-size: 21px;}

.video-js[tabindex="-1"] { 
	width: 100%;
    height: 224px;
    border-radius: 14px;
	}

.video-js .vjs-big-play-button {
	
	transform: translate(-50%, -50%);
    z-index: 999;
	    top: 50% !important;
    left: 50%!important;
	background: url(../images/video-icon.png) center center no-repeat;
    background-color: #fff0 !important ;
    border: none!important;
	height: 60px !important;
}


.vjs-icon-placeholder:before {top: 6px !important;}
.video-js .vjs-control-bar {border-radius: 0 0 13px 13px;}
.tab1Box .tab-content .block h6 {
    font-size: 15px;
    padding-top: 15px;
	color: #3f1770;
	padding-left: 15px;
}

.writteMaterial {
    padding: 10px;
    min-height: 160px;
    border-radius: 5px;
	margin-bottom: 40px;
	border: #cfcfcf solid 1px;
    box-shadow: none !important;
}

.writteMaterial p {
	color: #3f1770 !important;
	}

	
.back_btn img {
	float:left;
	width: 8px;
	margin-right:10px;
}

	
	
	.back_btn {
    color: #fff;
    padding: 6px 10px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    border: none;
}

.sign1Box .inner h3 {
        padding: 8px 70px;
}




/* ### Job Portal page Start ### */

.job_list .list {
	border-radius: 10px;
	margin-bottom: 20px;
	border: #DADADA solid 1px;
}
.job_list .list:hover {
    border-color:#3F1770 !important;
    transition: all ease 0.5s;
    box-shadow: #efefef 0px 10px 10px;
}
.job_list .list img {
	margin: 0 auto 30px;
	max-width: 190px;
	min-height: 190px;
	width: 100%;
	height: 100%;
}

.job_list .list ul li {
	margin-bottom: 8px;
}

.callback {
  position: fixed;
    top: 30%;
    right: 0;
    height: fit-content;
    color: #fff;
    z-index: 9;
    display: flex;
    cursor: pointer;
    align-items: center;
    background: #3F1770;
    padding: 0 10px;
    justify-content: center;
    transition: all ease 0.5s;
    border-radius: 0px 10px 10px 0;
    writing-mode: vertical-lr;
    transform: rotate( -180deg);
}

.callback:hover {
    background: #6e28c3 ;
}

.callback a {
    width: 100%;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;

}

.callbackfrom {
    background-color: #fff;
    top: 50%;
    border-radius: 15px 0px 0px 15px;
    padding: 30px 0 20px 0;
    z-index: 99;
    width: 350px;
    right: -100%;
    text-align: left;
    position: fixed;
    transform: translateY(-50%);
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 20px;
    transition: 0.5s;
    display: flex;
    align-items: center;
}

.callbackfrom.open {
    right: 0px;
}


#closeicon {
    position: absolute;
    background: #3F1770;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    top: -17px;
    left: -15px;
    z-index: 999999;
}

#closeicon::before {
    width: 20px;
    height: 2px;
    content: "";
    position: absolute;
    background: #fff;
    transform: rotate( 45deg );
    margin-top: 17px;
    left: 7px;
}

#closeicon::after {
    width: 20px;
    height: 2px;
    content: "";
    position: absolute;
    background: #fff;
    transform: rotate(-45deg );
    margin-top: 17px;
    left: 7px;
}

.moreServices .col-sm-12 {
    margin-bottom:10px;
    
}

.is-active {
    border-color: #3f1770;
}

.moreServices a:hover {
    border-color: #3f1770;
}

.moreServices {
    width: 100%;
    overflow-y: scroll;
    height: 470px;
}

.listing_12 .fa-heart {
    padding-right: 10px;
    color: red;
}

.listing_12 .fa-dot-circle-o {
    padding-right: 6px;
    color: #3F1770;
    font-size: 10px;
}

.listing_12 h5 a {
        color: #3F1770;
       display: inline-block;
       margin-top:15px;
}

.listing_12 ul li a {
        color: #000;
        line-height: 26px;
}
.listing_12 ul li a i {
    font-size: 12px;
    padding-right:6px;
}
.space_all2 {
    border: #DADADA solid 1px;
    padding: 0 0 15px 0;
    margin-top:30px;
    min-height: 392px;
    background: #f3f3f329;
    transition: all ease 0.5s;
        
}
.space_all2:hover {
    box-shadow: #00000014 10px 10px 0px;
        border: #ffffff solid 1px;
}



.space_all2 img {
    transition: all ease 0.5s;
}

.member-list-btn {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin:20px 0;
    
}
    
.member-list-btn li .button {
        padding: 10px 30px !important;
    width: auto;
    height: auto;
    margin-left:10px
}

.watchBox .watchCol {
	border: #DADADA solid 1px;
	background: #f7f7f7;
	margin-top: 25px;
	padding-bottom: 80px !important;
}
.watchCol img {
	width: 100%;
	height: auto;
}
.watchCol .button {
	width: 132px;
	height: 40px;

}
.watchColBtn {
 	position: absolute;
    bottom: 20px;   
}
.watchCol p.text {
    padding-bottom: 0;
} 
.eventCol h6 a {
	color: #3F1770;
}
.eventCol h6 a:hover {
	color: #6e29c4;
}
.eventCol ul {
	padding: 8px 0;
	margin-top: 10px;
	border-bottom: #dadada solid 1px;
	border-top: #dadada solid 1px;
}
.eventCol ul li {
	padding-right: 20px;
}
.eventCol ul li i {
	color: #3F1770;
	margin-right: 5px;
}
.event-text {
	color: #3F1770;
}
.eventCol p {
	padding-bottom: 10px;
}

.eventCol p a {
	color: #3F1770;
	font-weight: bold;
	font-style: italic;
}
.eventCol h3 {
	color: #3F1770;
	padding-bottom: 0 !important;
    margin-bottom: 0;
}

.add_interest {
    color: #fff;
    padding: 6px 10px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    border: none;
    margin-left:10px;
	background-color: #3f1770;
}
.add_int_cls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px 0;
}

.add_interest:hover,
.back_btn:hover {
    color:#fff;
    opacity:0.8;
}
.jobCols .button {
	width: 100%;
	height: 130px;
	font-size: 20px;
	background: #6e29c4;
	border: #6e29c4 solid 2px;
	border-radius: 5px;
	font-weight: 500;
}
.jobCols .button:hover {
	background: #f7f7f7;
	color: #6e29c4;
}

.footerBox .inner .navigation ul li {
	color: #fff;
}
.events li{
	list-style: inside;
}
.events .button {
	width: max-content;
	height: auto;
	padding: 1px 12px;
	float: right;
	background: #6e29c4;
	border: #6e29c4 solid 1px;
	border-radius: 5px;
}
.events .button:hover {
	box-shadow: none;
	background: none;
	color: #fff;
	border-color: #fff;
}

.sign1Box .back_btn {
    position: absolute;
    left: 0;
    top: 8px;
}
#jobdata {
   width: 100%;
}
#jobdata input[type=checkbox] {
   width: 20px;
}




.matcheBox .sidebar {
	background: #fff;
    border: #f3f3f3 solid 1px;
}
.matcheBox .sidebar .col1 {
   margin-bottom: 40px;

}
.matcheBox .sidebar h6 {
    background: #3F1770;
    color: #fff;
    padding: 15px;
}

.matcheBox .sidebar ul {
    padding: 15px 15px 0;
}

.matcheBox .sidebar ul li {
    padding: 4px 0;
}

.matcheBox .checkBox label:before {
    border: #3F1770 solid 2px;
    background: #fff;
}
.leftList {
	border: #d7d7d7 solid 1px;
}
.listing_12 h5 a {
	color: #3F1770;
	display: inline-block;
	margin-top:15px;
}

.listing_12 ul li a {
	color: #000;
	line-height: 26px;
}
.space_all2 {
	border: #DADADA solid 1px;
	padding: 0 0 15px 0;
	margin-top:30px;
	min-height: 392px;
	background: #f3f3f329;
	transition: all ease 0.5s;

}
.space_all2:hover {
	box-shadow: #00000014 10px 10px 0px;
	border: #ffffff solid 1px;
}

.space_all2 img {
	transition: all ease 0.5s;
}

.space_all2:hover img {
	filter: grayscale(f2);
}

.leftList .space_all2 {
	background: #fff;
	margin: 0 0 20px 0 !important;
}


.headerBox .top > .signLogin > ul li {
    position: relative;
}


.testimonialBox {
    width: 100%;
    padding-top:0;
    padding-bottom: 40px;
    background:#f6f6f6;
    margin: -10px 0 0px 0;
}
.testimonialBox h3 {
    padding: 20px 0 10px;
}
.testimonialBox .inner .block {
    width: 100%;
}
.testimonialBox .inner .block h5 {
    padding: 10px 0 5px;
        margin: 0;
}
.testimonialBox .inner .block b {
    padding: 0 0 10px;
    display: block;
}
.testimonialBox .inner .block img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
    border: #fff solid 2px;

}
.testimonialBox .inner .block p span {
    font-weight: bold;
}

.testimonialBox .slick-arrow {
   position: absolute;
    left: 50%;
    bottom: -80px;
    border-radius: 100px;
    transform: translate(-50%, 0);
    width: 48px;
    height: 48px;
    outline: none;
    display: block;
    cursor: pointer;
    text-indent: 10000000px;
    transition: all ease-in-out 0.5s;
    border: #3F1770 solid 2px;
}

.testimonialBox .slick-arrow.slick-prev {
    left: 48%;
    background: url(../images/arrow-pre.png) center center no-repeat #fff;
}
.testimonialBox .slick-arrow.slick-next {
    left: 52%;
    background: url(../images/arrow-next.png) center center no-repeat #fff;
}

#profile .video-js .vjs-big-play-button {
        background: url(../images/video-icon.png) center center no-repeat !important;
}

.tab1Box .audio .playpause {
    display:none;
}
.vjs-icon-placeholder:before {
    display:none;
}


.productBox {
	margin-top: 60px;
}

.productBox.matcheBox h5 {
	background: #3F1770;
	color: #fff;
	padding: 15px;
	margin-bottom: 40px;
}
.productBox.matcheBox .sidebar h6 {
	background: #f6f6f6;
	color: #121212;
	padding: 15px;

	font-size: 18px;
}
.productBox .productRight .top {
	background: #f6f6f64f;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
.productBox .productRight .top select {
	height: auto;
	border-radius: 5px;
	background: #fff;
}
.productBox .productRight .block {
	padding-bottom: 20px;
	margin-bottom: 60px;
	    border: #f7f7f7 solid 2px;
    padding-top: 10px;
    min-height: 430px
}
.productBox .productRight .block a {
	background: #f6f6f6;
	display: block;
	padding: 5px 0;
}
.productBox .productRight .block a img {
	width: auto;
	height: 200px;
	margin: 0 auto;
}
.productBox .productRight .block h6 {
	color: #000;
	text-transform: capitalize;
	padding-top: 12px;
}
.productBox .productRight .block a:nth-child(2) {
    background:none !important;
    padding: 5px 0;
}
.productBox .productRight .block p {
	color: #a7a7a7;
	padding-bottom: 10px;
	border-bottom: #f7f7f7 solid 2px;
    margin-bottom: 42px;
}
.productBox .productRight .block strong {
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
    bottom: 10px;
    width: 90%;
    left: 17px;
}

.productBox .productRight .block strong .button {
	background: #3F1770;
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	width: auto;
	height: auto;
	border-radius: 5px;
	font-weight: 500;
}

.productSlider {
	border: #ebebeb solid 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 100px;

}

.picZoomer{
	position: relative;

}
.picZoomer-pic-wp{
	width: 100%;
	height: 440px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}
.picZoomer-zoom-wp{
	display: none;
	position: absolute;
	z-index: 999;
	overflow: hidden;
	border:1px solid #eee;
	height: 460px;
	margin-top: -19px;
	background: #fdfdfd;
}
.picZoomer-cursor{
	display: none;
	cursor: crosshair;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #eee;
	background-color: rgba(0,0,0,.1);
}

.my_img {
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
}
.piclist li{
	display: inline-block;
	width: 90px;
	height: 110px;
	padding: 10px;
	border: 1px solid #eee;
	background: #fff;
	cursor: pointer;
	transition: all ease 0.5s;
}
.piclist li:hover {
	border-color: #3F1770;
}
.piclist li img{
	width: 100%;
	height: 100%;
}

/*===pic-Zoom===*/
.boxzoom .zoom-thumb {
	width: 110px;
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
}
.boxzoom .zoom-thumb ul.piclist {
	padding: 10px 10px 5px 10px;
	background: #f6f6f6;
}
.boxzoom ._product-images {
	width: 80%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 498px;
}
.boxzoom ._product-images .picZoomer {
	width: 100%;
}

.boxzoom ._product-images .picZoomer img.my_img {
	width: 60%;
	height: auto;
	margin: 0 auto;
	display: flex;
	align-items: center;
	align-self: center;
	justify-content: center;
}
.piclist li img {
	height: 100%;
	width: 100%;
}

.productDetail {
 margin-top: 100px;
	padding-left: 40px;
}

.productDetail p {
	padding: 10px 0;
	margin-top: 10px;
	border-top: #f6f6f6 solid 1px;
	border-bottom: #f6f6f6 solid 1px;
}
.productDetail strong  {
	font-size: 34px;
	display: flex;
	margin-top: 10px;
	align-items: center;
	font-weight: 600;
}
.productDetail strong span  {
	font-size: 18px;
	display: block;
	color: #969696;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: line-through;
}

.qty-plus-minus {
	border: 1px solid #eeeeee;
	display: inline-block;
	height: 40px;
	overflow: hidden;
	position: relative;
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 0;
}
.ec_qtybtn {
	width: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	cursor: pointer;
	font-size: 22px;
	color: #777777;
	border-right: 1px solid #eeeeee;
}
input.qty-input {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #444444;
	float: left;
	font-size: 15px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 40px;
	outline: none;
	font-weight: 700;
}
.quintyCol {
	margin-top: 10px;
	padding: 20px 0 !important;
	border-top: #f6f6f6 solid 1px;
	border-bottom: #f6f6f6 solid 1px;
}
.input-number-decrement,
.input-number-increment {
	background: #f1f1f1;
	width: 46px;
	height: 38px;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	user-select: none;
}

.quintyCol input {
	width: 80px;
	height: 38px;
	border-radius: 0;
	margin: 0 5px;
	font-weight: 600;
	text-align: center;
}
.quintyCol .button {
	margin-right: 10px;
	font-weight: 600;
}
.buy {
	background: #fff;
	color: #3F1770;
	border: #3F1770 solid 1px;
}
.button:hover {
	color: #fff;
}
.buyAdd {
	border: 0 !important;
}
.productTab .tab1Box .nav.nav-tabs .nav-link{
	min-width: 200px;
	font-size: 14px;
	padding: 16px;
	text-transform: uppercase;
	font-weight: 600;
}

.productTab #home ul {
	padding-top: 20px;
}
.productTab #home ul li {
	list-style: inside;
}

.listing_11 {
	position: relative;
}
.intrsted {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 99;
	background: rgba(255, 255, 255, 0.82);
	padding: 8px;
}
.intrsted img {
	width: 30px;
}


.likeBox {
	padding-top: 30px;
}

.likeBox ul {
	margin-top: 20px;
}
.likeBox ul li a {
	width: 50px;
	height: 50px;
	display: flex;
	color: #fff;
	margin: 2px 5px;
	font-weight: 600;
	font-size: 16px;
	align-items: center;
	border-radius: 100px;
	justify-content: center;
	box-shadow: #0000001f 0px 4px 0px;
	background-image: linear-gradient(145deg, #e94642 , #eb7e77);
}
.likeBox ul li.active {
	filter: brightness(1.3);
}
.likeBox ul li:nth-child(7) a,
.likeBox ul li:nth-child(8) a {
	background-image: linear-gradient(145deg, #fc9d2f , #fbc551);
}

.likeBox ul li:nth-child(9) a,
.likeBox ul li:nth-child(10) a {
	background-image: linear-gradient(145deg, #48bd05, #7ac864);
}

.likeddBox li a img {
	width: 130px;
	margin: 0 10px;
}



.capsarathiBox .inner {
    padding-top: 60px;
}
.capsarathiBox h6 {
	font-size: 18px;
	    margin: 7px 0;
}

.capsarathiBox p {
    padding-bottom: 15px;
}

.capsarathiBox .inner iframe {
    padding: 15px;
    background: #f6f6f6;
    margin: 20px 0 40px;
}

.capsarathiBox .inner ul {
    padding-bottom: 10px;
}
.capsarathiBox .inner ul li {
    list-style: inside;
    padding-top: 5px;
}
.capsarathiBox .inner ol {
	margin-bottom: 20px;
}
.capsarathiBox .inner ol li {
	list-style: auto;
	margin-left: 13px;
	font-size: 14px;
	padding: 4px 0;
}

.eventHomeBox {
	padding-top: 10px;
	padding-bottom: 30px;
}
.eventHomeBox span {
	display: block;
}
.eventHomeBox a {
	color: #3f1770;
}

.marqueeCol {
	padding: 10px 0 4px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.marqueeCol:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #6e29c4;
}

.marqueeCol img {
	display: inline-block;
	position: absolute;
	right: -7px;
	top: 4px;
	width: 70px;
}
.marqueeCol a,
.marqueeCol strong {
	color: #fff;
}

.blink{
	font-size: 25px;
	font-weight: bold;
	animation: blink 1s linear infinite;
}

@keyframes blink{
	0%{opacity: 0;}
	50%{opacity: .5;}
	100%{opacity: 1;}
}

.clr_white.back_btn {
    background-image: linear-gradient( 237deg, #3f1770 , #200c38);
}

select.form-control:not([size]):not([multiple]) {
    height: calc(3.25rem + 2px);
}

.schemeDetails {
    border: #f6f6f6 solid 2px;
    border-radius: 10px;
    padding: 15px;
    min-height: 196px;
}
.schemeDetails p {
    font-weight:600;
    padding: 3px 0;
}
.schemeDetails p .text-gray {
    font-weight:normal;
    padding-left:8px;
    
}

.capBox .article ul li {
        list-style: inside;
}

.appStore li {
    list-style:none !important;
}
.featuresUl li {
   list-style: auto !important;
}

.capBox h1,
.capBox h2{
    
}

.matchePopue {
        max-width: 940px;
}

.matchePopue label {
    margin-top:10px;
}

.matchePopue .submit .button {
   margin:20px auto; 
}

.form-check-input {
    width: 20px!important;
    padding: 0 !important;
    height: 20px!important;
    margin-top: 0;
    margin-left: 0;
}
.form-check-label {
    padding-left: 26px;
}
.ChatsBox {
    margin-top:50px;
    margin-bottom:50px;
}
.chatLeft .panel-heading {
    font-size:20px;
    font-weight: 700;
}
.list-group-item {
    border: #f7f7f7 solid 1px !important;
    margin: 5px 0;
    border-radius: 10px !important;
    box-shadow: #0000000f 4px 3px 15px;
    height: 70px;
    justify-content: space-between;
    align-items: center;
    display: flex !important;
     flex-wrap: wrap;
     font-size: 16px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;

}
.list-group-item img { 
        margin-right: -15px;
}
.list-group-item:hover {
   box-shadow: #00000026 4px 3px 15px; 
}
#chat_body small b {
    padding-right:6px;
}
.chatLeft {
    background: #fbfbfb;
    padding: 15px;
}
.chatRight .alert-warning {
    background:#bda8d7 !important;
    color:#2f006a !important;
    border-color: #ae8fd5 !important;
}

#suggestion-error {
        padding: 0;
    border: 0;
    width: 100%;
    text-align: left;
    position: absolute;
    top: 0;
}


.checkBox .left .checkoutList {
}
.checkBox .left .checkoutList .inner {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #f6f6f6 solid 1px ;
}
.checkBox .left .checkoutList .inner:last-child {
	margin-bottom: 0;
}
.checkBox .left .checkoutList a {
	position: absolute;
	right: 0;
	top: 0;
	color: #333333;
	font-size: 20px;
}
.checkBox .left .checkoutList h5 {
	border-bottom: #f7f7f7 solid 1px ;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	width: 100%;
}

.checkBox .left .checkoutList h6 {
	font-size: 17px;
	padding-top: 6px;
}
.checkBox .left .checkoutList .figure {
	background: #f7f7f7;
	padding: 10px;
	height: 120px;
}
.checkBox .left .checkoutList .figure img {
	height: 100%;
	width: 100%;
	margin: auto;
}
.checkBox .left .checkoutList strong {
	font-size: 20px;
	padding-top: 10px;
	display: block;
}
.checkBox .left .checkoutList .quintyCol input {
	height: 30px;
}
.checkBox .left .checkoutList .quintyCol {
	margin: 8px 0 0 0;
	border: 0;
	padding: 0 !important;
}

.checkBox .input-number-decrement,
.checkBox .input-number-increment {
	width: 30px;
	height: 30px;
}
.checkBox .Subtotal {
	font-size: 22px;
	background: #f6f6f6;
	padding: 10px;
}
.checkBox .Subtotal span {
	padding-left: 50px;
}
.checkBox .right {
	background: #fdfdfd;
	padding-top: 15px;
	padding-bottom: 15px;
}

.checkBox .right h5 {
	border-bottom: #f7f7f7 solid 1px ;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	width: 100%;
}

.checkBox .right strong {
	width: 100%;
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	font-weight: 600;
	padding: 5px 0;
}

.checkBox .right strong span {
	font-weight: 500;
}

.checkBox .right .buttonCol .button {
	width: 100%;
}
.checkBox .right .buttonCol  {
	width: 100%;
	border-top: #f6f6f6 solid 2px;
	padding-top: 20px !important;
	margin-top: 20px;

}
.wistlist,
.cartDrop {
	position: relative;
}
.wistlist {
    margin: 0 7px 0 -18px;
}
.wistlist i,
.cartDrop i {
	color: #fff;
	font-size: 30px;
	margin: -4px 0 -21px 0;
	padding: 0 4px;
}
.wistlist span,
.cartDrop span {
	display: flex;
	width: 20px;
	height: 20px;
	border-radius:100px;
	align-items: center;
	border: #fff solid 2px;
	justify-content: center;
	background: #3F1770;
	color: #fff;
	position: absolute;
	right: -10px;
	top: -7px;
	font-size: 10px;

}

.cartDrop .drop {
	width: 330px;
	background: #fff;
	position: absolute;
	left: 050%;
	top: 30px;
	z-index: 999;
	box-shadow: #0000004a 0px 11px 12px;
	border-radius: 10px;
	padding-top: 20px;
	transform: translateX(-50%);
	display: none;
}

.cartDrop:hover .drop {
	display: block;
}

.cartDrop .drop .inner {
	position: relative;
	margin-bottom: 20px;
}
.cartDrop .drop .inner .figure {
	background: #fbfbfb;
	padding: 4px;
}
.cartDrop .drop .inner .figure img {
	width: 100%;
	margin: auto;
}

.cartDrop .drop .inner h6 {
	font-size: 18px;
	color: #3F1770;
	padding-top: 10px;
}
.cartDrop .drop .inner p {
	font-size: 16px;
	color: #3F1770;
}
.close {
	position: absolute;
	top: 10px;
	right: 0;
	color: #000;
	font-size: 16px;
}

.cartDrop strong {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	font-weight: normal;
}

.cartDrop strong b {
	color: #3F1770;
}

.cartDrop .total {
	border-top: #ebebeb solid 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 20px;
	cursor: inherit;
}

.cartDrop .button {
	width: 122px;
	height: 40px;
}
.cartDrop .button.viewBtn {
	background: #fff;
	color: #3F1770;
	border:#3F1770 solid 1px ;
	margin-bottom: 15px;
}

.visit-sar-logo {
        display: flex;
        align-items: center;
}

.button-no-bg {
    font-weight: 600;
    background: none;
    color: #3F1770;
    border: #3F1770 solid 1px;
}

.listing_12 .button {
    width: 100%;
    margin-top:10px;
}


.matrimonialBox {
	padding: 40px 0;
}

.matrimonialBox .details {
	margin-top: 20px;
}

.matrimonialBox .details ul {
	border-bottom: #f6f6f6 solid 2px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
}
.matrimonialBox .details ul li {
	padding-bottom: 8px;
	width: 48%;
}

.matrimonialBox .details ul li i {
	width: 20px;
	color: #3F1770;
}

.matrimonialBox .button {
	font-size: 16px;
	margin-right: 10px;
}

.matrimonialBox .button i {
	padding-right: 8px;
}
.matrimonialTab td {
	padding: 5px 0;
}

.headerBox .top .contact {
    width: 27%;    
}

.headerBox .top .screenReader {
        width: 170px;
}

.headerBox .top .language {
    width: 13%;
}

.headerBox .top .theme {
    width: 15%;
    justify-content: center;
    padding: 0 6px;
}
.headerBox .top .fontSize {
    margin: 0;
    width: 9%;
    justify-content: center;
    padding: 0 6px;
}
.wistlist {
    margin: 0;
    width: 40px;
}
.cartDrop {
    width: 35px;
}

.headerBox .top .signLogin {
    width: 8%;
    padding: 0 6px;
}

.screenReader a {
      width: 100%;
}


.like-cls.active {
    background: #f6f6f6;
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
}


.like-cls.active {
    background: #f6f6f6;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
}

.like-cls {
    background:none;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
}

.like-cls.active a img {
    width: 130px;
    margin: 0 10px;
    filter: brightness(1.5);
}
.articleP {
    display: none;
}
.scrolling .row:nth-child(2) .col-sm-12 {
    overflow-x: scroll;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top:20px !important;
}
div.dataTables_wrapper div.dataTables_info {
    margin: 10px 0 0;
}
.custom-select.custom-select-sm.form-control.form-control-sm {
    height:auto !important;
}
.trustBox {
    display: none;
}

.desCol {
    position: absolute;
    bottom: 15px;
    left: 0;
}

.job_list .list ul {
    padding-bottom: 110px;
}


/* ### wishlost page start ### */
.wishlistTable .action .button {
	width: 140px;
	height: 40px;
	display: flex;
}

.wishlistTable .stock-status {
	background: #a5f8a5;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 5px;
	color: green;
}

.wishlistTable .product-title {
	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.wishlistTable .product-image-container {
	background: #f6f6f6;
	padding: 5px 5px;
}
.wishlistTable .product-title a {
	font-size: 18px;
	color: #3F1770;
}
.wishlistTable .product-row .action i {
	padding-right: 6px;
	font-size: 16px;
}

/* ### wishlost page end ### */

.matchBtnCol {
    position: absolute;
    bottom: 20px;
    left:0;
}

.matcheBox .listing_12 ul {
        padding-bottom: 140px;
}
.matcheBox .matchBtnCol .button{
    width:100%;
    padding: 14px;
    margin-top:10px;
}
.sign1Box .inner-fullwidth {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.eventCol p.fo {
     padding-bottom: 50px;
}

.eventCol .button {
    right: 15px;
    width: auto;
    height: auto;
    padding: 5px 16px;
    font-size: 14px;
}
.infoSerach ul li b {
   padding-right: 1px;
}
.tab1Box.tab2 .back_btn {
    margin-bottom: 5px;
}

.product-image-container a img {
    width:100%;
}
.sign1Box.otpBox .inner form .button {
    width:172px !important;
    margin: 0 auto !important;
}
.modal-header .close {
    padding: 2px 10px;
    margin: -20px -13px 0 0px;
    font-size: 30px;
    font-weight: 300;
    background: #3f1770;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    text-shadow: none;
    color: #fff;
    opacity: 1;
    outline: none;
}
#chat_header h2 {
    margin: 0;
    background: #3f1770;
    color: #fff;
    padding: 7px 0 10px!important;
    font-size: 26px;
    margin-bottom: 10px !important;
}

.moreServices .link-tag {
    height: auto;
}
.wishlistTable {
    display: flex;
    flex-wrap: wrap;
}
.noFound {
    order: 2;
    text-align: center;
    width: 100%;
    padding: 10px;
}
.list-group-item:focus,
.list-group-item:hover {
    background:#3f1770;
    color: #fff;
}

.cartDrop .drop .close .fa-close {
    font-size: 17px;
}
.profileBox .profile p {
    text-align: center;
    color: #fff;
    
}
.profileBox .profile h6 {
    text-align: center;
    color: #fff;
    padding: 20px 0 0;
}

#chat_user_area > div > img {
    width:100px;
}
.callMe {
    width: 60px;
    transition: all ease 0.5s;
}
.callMe span {
    display:none;
}
.callMe:hover span {
    display:block;
    transition: all ease 0.5s;
}
.callMe:hover {
    width:auto;
    transition: all ease 0.5s;
}

.profileEditBox .inner .block {
        padding-bottom: 15px;
}

.profileBox {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
#add_matrimonial .modal-body.mx-4.row {
     margin-left: -15px !important;
     margin-right: -15px !important;
}
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
    word-break: break-all;
}
/* ### soon page start ### */

.soonBox {
	padding-top: 150px;
	padding-bottom: 150px;
}
.soonBox .inner h1 {
	color: #3F1770;
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 5px;
	
}

#load_data_message {text-align: center;}
#load_data_message img { margin:0 auto; width:50px !important;}

/* #Media Queries
================================================== */

@media only screen and (max-width: 1366px) {

	.centered {     padding-right: 20px; padding-left: 20px; }
}

@media (min-width: 992px) {
	#mainNav .navbar-brand {
		width: 250px;
	}
	#mainNav .navbar-collapse {
		overflow: visible;
		max-height: none;
	}
	#mainNav .navbar-collapse .navbar-sidenav {
		position: absolute;
		top: 0;
		left: 0;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 80px;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item {
		width: 250px;
		padding: 0;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
		padding: 1em;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
		padding-left: 0;
		list-style: none;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
		width: 250px;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
		padding: 1em;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
		padding-left: 2.75em;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
		padding-left: 3.75em;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
		min-width: 0;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
		width: 24px;
		text-align: center;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
		max-width: 300px;
	}
	#mainNav.static-top .sidenav-toggler {
		display: flex;
	}
	#mainNav.fixed-top .navbar-sidenav {
		height: calc(100vh - 112px);
	}
	#mainNav.fixed-top .sidenav-toggler {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: calc(100vh - 56px);
	}
	#mainNav.fixed-top .sidenav-toggler > .nav-item {
		width: 250px;
		padding: 0;
	}
	#mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
		padding: 1em;
	}
	.content-wrapper {
		margin-left: 250px;
	}
	body.sidenav-toggled .content-wrapper {
		margin-left: 55px;
	}
}

@media (max-width: 992px) {
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {color: #fff}
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link .nav-link-text {color: #fff}
	.notiColl {
		text-align: right;
		position: absolute;
		right: 10px;
		top: 12px;
	}

	.navbar-dark .navbar-toggler {margin: 0 70px 0 0px;}
}

@media only screen and (max-width: 1224px) {
    .headerBox .top .contact {
        width: 24%;
    }
    .headerBox .top .language {
     width: 11%;
    }
    .headerBox .top .signLogin {
        width: 18%;
    }
}

@media only screen and (max-width: 1189px) {
    .headerBox > .top > .signLogin > ul > li > a {
        width: 100%;
        padding: 8px 9px;
        
    }
    .headerBox .top .theme ul {
        flex-wrap: wrap;
    }
     .headerBox .top .theme ul li {
        margin-top:5px;
    }
    .headerBox .top .theme {
        width: 120px;
        
    }
    .nav-bar li {
        padding: 20px 10px; 
        
    }
    .wishlistTable {
            overflow-x: scroll;
    }
    .table-wishlist {
        width: 1366px;
        max-width: 1366px;
    }
    
 }
 
@media only screen and (max-width: 991px) { 
    .headerBox .top .contact {
        width: 38%;
    }
    .headerBox .top .screenReader {
        width: 185px;
    }
    .headerBox .top .language {
         width: 29%;
         padding: 0;
    }   
    .headerBox .top .theme {
        width: 190px;
    }
    .headerBox .top .signLogin {
        width: 29%;
    }
    .headerBox .top > .signLogin > ul li {
        width: 50%;
    }
    .headerBox > .top > .signLogin > ul > li > a {
        width: 85px;
        margin: 0;
    }
    .headerBox .top > .signLogin > ul li {
        padding-left: 6px;
    }
    .screenReader a {
       
    }
    .productDetail {
        padding-left: 20px;
            padding-right: 0;
    }
    .quintyCol .button {
        line-height: 1;
        padding: 7px;
        margin-right: 6px;
    }
}

@media only screen and (max-width: 767px) { 
    h2 {
        font-size: 1.6rem; 
    }
    h3 {
        font-size:1.2rem;
        
    }
    h4 {
        font-size:24px;
    }
    h5 {
        font-size: 18px;
        
    }
    
	.nav-bar ul { display: none; }
	.nav-bar .mobileMenu { display: block; cursor: pointer; z-index: 15; float: right; width: 42px; height: 40px; position: relative; transition: 0.2s; overflow: hidden; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 42px; background: #fff !important; text-indent: 99999999999999999px }
	.nav-bar .mobileMenu span { display: block; height: 2px; border-radius: 5px; background: #000; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s }
	.nav-bar .mobileMenu span:before,
	.nav-bar .mobileMenu span:after { display: block; width: 100%; height: 2px; content: ''; border-radius: 5px; background-color: #000; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
	.nav-bar .mobileMenu span:before { top: -7px; }
	.nav-bar .mobileMenu span:after { bottom: -7px; }

	.mm-opened .nav-bar .mobileMenu { text-indent: -9999px; }
	.mm-opened .nav-bar .mobileMenu span { background: none; }
	.mm-opened .nav-bar .mobileMenu.is-active span:before,
	.mm-opened .nav-bar .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
	.mm-opened .nav-bar .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.mm-opened .nav-bar .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

	#back-to-top { display: block; }
	.callMe.fixed {    top: 0%;}
	.footerBox .inner .intro {padding-right: 0;}
	.trustBox .inner .article {padding-top: 20px;	}
	.videoFrame { height: auto !important;}
	.sign1Box .inner {padding: 35px 12px;}
	.chooseOne {left: 9px;    width: 110px;}

	.profileEditBox .inner .left {border-right: none;}
	.headerBox .top .theme { margin: 5px 0}

	.submenu1 {
		opacity:1;
		visibility: visible;
	}

	.submenu2 {

		opacity:1;
		visibility: visible;
	}
    .capBox .inner .content img {
        float: none;
        margin-right: 0;
        margin: 0 auto;
    }
    .eventHomeBox a {
        font-size: 19px;
    }
    .eventHomeBox span {
        font-size: 14px;
    }
    .marqueeCol {
        padding: 4px 50px 4px 10px; 
        
    }
    .marqueeCol img {
        width: 52px;
    }
    .marqueeCol marquee {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .marqueeCol a,
    .marqueeCol strong {
        font-size: 14px;
    }
    .capgeminiBox p {
        flex-wrap: wrap;
    }
    .boxzoom ._product-images {
            width: 100%;
            height: auto;
                order: 1;
    }
    .boxzoom .zoom-thumb {
        width: 100%;
        margin-top:10px;
        order: 2;
        
    }
    .productSlider {
        display: flex;
        flex-wrap: wrap;
    }
    .productDetail {
        margin-top: 20px;
        padding-left: 0;
    }
    .boxzoom ._product-images .picZoomer img.my_img {
        width: auto;
        height:350px;
    }
    .picZoomer-pic-wp {
        height: 360px;
    }
    .feedbackBox .inner .category ul li input[type=radio] {
        height: auto;
        width: 20px;
    }
    #information .button {
        width:100%;
    }
   .table-wishlist {
        width: inherit;
        max-width: 100%;
    }
    .table-wishlist.table thead {
        display:none;
    }
    .table-wishlist.table td,
    .table-wishlist.table th {
        width: 100%;
        display: block;
        border:none;
        padding-left: 0;
        padding-right: 0;
    }
    .wishlistTable .stock-status {
        margin-left: 20px;
    }
    .table-wishlist.table td.action {
        width: 50%;
        padding: 5px 0 20px 5px;
        float: right;
    }
    .table-wishlist.table .price-box {
        width: auto;
        float: left;
        padding-top: 14px;
    }

    .callback {
        display: none;
    }    
    .sign1Box .col-lg-12 {
        padding:0;
    }
    .sign1Box .inner form .block {
        padding-bottom: 15px;
    }
    .cartDrop .drop {
        width: 300px;
        left: 280%;
    }
    .cartDrop .drop .inner .figure {
        width: 40%;
    }
    .cartDrop .drop .inner .details {
        width: 60%;
        padding-right: 0;
    }
    .checkBox .left {
        padding-left:0;
        padding-right:0;
    }
    .checkBox .left .checkoutList .figure {
        height: auto;
    }
    .checkBox .Subtotal strong {
        width: 100%;
        display: flex;
        justify-content: space-between;
        
    }
    .wishlistTable {
        padding: 0;
    }   
    .subdrop {
        height: 100% !important;
            visibility: visible !important;
    }
    .subdrop1 {
        height: 100% !important;
        visibility: visible !important;
        left: 20px !important;
        width: 100% !important;
        min-width: 100% !important;
        top: 60px !important;
    }
    .productSlider {
            margin-top: 40px;
    }
    .leftList {
        padding: 15px 0 !important;
    }
    .watchCol img {
        height:auto;
    }
}

@media only screen and (max-width: 660px) {
    .headerBox .top .contact {
        width: 100%;
    }
    .headerBox .top .fontSize {
        margin: 0;
        width: 19%;
    }
    
    .headerBox .top .signLogin {
        width: 43%;
    }
    .headerBox > .top > .signLogin > ul > li > a {
        width: 100%;
        margin: 0;
    }
    .quintyCol {
        flex-wrap: wrap;
    }
    .quintyCol .button {
        width: 100%;
        margin: 0 auto 10px;
    }
    .nav-tabs .nav-item {
        width: 100%;
    }
    .productTab .tab1Box .nav.nav-tabs .nav-link {
        width: 100%;
    }
    .smileyRow .smiley img { 
        width: 50px;
        margin: 0 auto;

    }
    
    .feedbackBox .inner .category ul li {
        margin: 10px 0 0 0;
        width: 100%;
    }
    .like-cls a img,
    .like-cls.active a img {
         width: 100px !important;
    }
    
    .like-cls.active,
    .like-cls {
        width: 120px;
        height: 120px;
        
    }
    .tab1Box .nav.nav-tabs .nav-link {
        width: 100%; 
        
    }
    .likeBox ul {
        flex-wrap: wrap;
    }
    
    .likeBox ul li {
        margin-top: 5px;
    }

    .sign1Box .inner h3 {
        padding: 8px 60px;
    }    
}

@media only screen and (max-width: 600px) { 
    .headerBox .top .contact {
        width: 100%;
    }
    .headerBox .top .screenReader {
        width: 49%;
    }
    
    .headerBox .top .language {
        width: 50%;
        margin-top: 5px;
        margin-bottom:8px;
    }
    .headerBox .top .theme {
        width: 65%;
        justify-content: flex-start;
         margin-bottom:8px;
    }
    .headerBox .top .fontSize {
        width: 35%;
        padding: 0;
        margin-bottom:8px;
        justify-content: flex-end;
    }
    
    .headerBox .top .signLogin {
         width: 66%;
         padding: 0;
    }
    .headerBox > .top > .signLogin > ul > li > a {
        width: 100%;
        margin: 0;
    }
    .headerBox .top {
        justify-content: flex-starvt;
    }
       
    
}

#total-record { padding: 0 32px 10px; }
#collapseOne span { padding: 10px; display: block; font-weight: 500;}
#otp_verify input {text-align: center;}

.metriTableInner .row:nth-child(2) .col-sm-12 {overflow-x: scroll;}
#import_data {flex-wrap: wrap;}

input[type="submit"]:disabled {
    background-image: linear-gradient( 237deg, #969696 , #8a8590);
  color: #ccc;
   cursor: not-allowed;
}


/* The submenu links container*/
.subdrop { 
    border-top: 0;
    min-width: 100%;
    margin: 0;
    position: absolute;
    text-align: left;
    visibility: hidden;
    height: 1px;
    overflow: hidden;
}

/* Dropdown Parent Link Style */
.droplink {
    display: inline-block;
    min-width: fit-content;
    position: relative;
}

/* List elements within the dropdown */
.subdrop li {
    display: block!important;
    padding: 0!important;
}

/* Links within the dropdown list */
.subdrop a {
    display: block;
    padding: 12px 20px;
    white-space: nowrap;
}

/* Allows links to show on hover/focus and through keyboard navigation via focus-within */
.droplink:hover .subdrop { 
    visibility: visible;
    height: auto;
    z-index: 11;
}
/* Separate these to avoid IE completely ignoring the css above */
.droplink:focus-within .subdrop { 
    visibility: visible;
    height: auto;
    z-index: 11;
}


/* The submenu links container*/
.subdrop1 { 
    height: 0;
    border-top: 0;
    min-width: 100%;
    left: 150px;
    width: 190px !important;
    min-width: 190px;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: hidden;
    height: 1px;
    overflow: hidden;
    z-index: 10;
}

/* Dropdown Parent Link Style */
.droplink1 {
    display: inline-block;
    min-width: fit-content;
    position: relative;
}

/* List elements within the dropdown */
.subdrop1 li {
    display: block!important;
    padding: 0!important;
}

/* Links within the dropdown list */
.subdrop1 a {
    display: block;
    padding: 12px 20px;
    white-space: nowrap;
}

/* Allows links to show on hover/focus and through keyboard navigation via focus-within */
.droplink1:hover .subdrop1 { 
    visibility: visible;
    height:200px;
    z-index: 99999999999999;
}
/* Separate these to avoid IE completely ignoring the css above */
.droplink1:focus-within .subdrop1 { 
    visibility: visible;
    height: 200px;
    z-index: 999999;
}


/* ### job portal apply page start ### */

.portalBox h6 {
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: #d9d9d9 solid 1px;
}
.portalBox .filter {
	border-right: 1px solid #d9d9d9;
}
.portalBox .filter .form-check-input {
	width: 14px;
	height: auto;
}
.portalBox .filter label {
	font-size: 14px;
}
.portalBox .sector {
	margin-bottom: 20px;
}
.portalBox .sector label {
	font-size: 17px;
	padding-bottom: 5px;
}
.portalBox .opening h1 {
	color: #b54407;
	text-shadow: none;
	font-size: 28px;
	font-weight: 500;
}
.portalBox .opening .list {
	background-color: #fff;
	padding: 20px;
}
.portalBox .opening .list:nth-child(even) {
	background-color: #f4f0f5;
}
.portalBox .highlightPost {
	background: #fcc274;
	padding: 0.5%;
	font-size: 18px;
	border-radius: 5px;
}

.portalBox .buttonApply a{
	margin-right: 40px;
}
.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgb(255 255 255 / 0%) !important;
}
.profileEditBox .inner .right .form .block img {
    position: absolute;
    right: 82px;
    top: 47px;
    font-size: 10px;
    line-height: 1;
}
.headerForm {
    padding-left:5px;
        float: right;
}
.headerForm input[type="text"] {
    color:#fff;
    height: 38px;
    margin-bottom:8px;
}

.headerForm input[type="submit"] {
       width: 94px;
    display: block;
    color: #3F1770;
    font-weight: 500;
    background: #fff;
    overflow: hidden;
    margin-left: 6px;
    text-align: center;
    position: relative;
    padding: 8px 12px;
    border-radius: 10px;
    border: #3F1770 solid 1px;
    cursor:pointer;
        height: auto;
}
.label_col {
    color: #fff;
    padding: 0 0 5px 0;
}

.notiform {
	border: #e1e1e1 solid 1px;
	padding: 20px;
	border-radius: 8px;
}

.notiform h6 {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: #e1e1e1 solid 1px;
}
.notiform p {
	padding-top: 10px;
}
.notiform p a {
	color: #000;
}

.notiform .button {
	width: 120px;
	height: 40px;
	margin: 0 auto;
	border: 0;
}


.contact-adrs p a,
.contact-adrs p {
	text-align:center; font-size: 18px;
	color: #0E031B;
}
.contactBox .inner {
	width: 100%;
}
.contactBox .panel-title {
	margin-bottom: 0;
}
.contactBox .panel-title a {
	background: #3F1770;
	color: #fff;
	padding: 15px;
	display: block;
}
.contactBox .collapse{
	border: #d4d4d4 solid 1px;
	border-top: 0;
}
.contactBox .collapsing{
	border: #d4d4d4 solid 1px;
	border-top: 0;
}

.contactBox .panel {
	margin-bottom: 10px;
}

.fontP {
	padding: 20px 15px;
	text-align: center;
	font-weight: 700;
}
.contactBox .panel-body {
	padding-bottom: 20px;
	    flex-wrap: wrap;
}

.skip_lnk {
    position: absolute;
    padding: 4px 10px;
    color: #fff;
    background-color: #3B2D4A;
    font-weight: 500;
    z-index: 10;
        clip: rect(1px, 1px, 1px, 1px);
    font-size: 14px;
}
.skip_lnk:hover {
    color:#fff;
}
.skip_lnk:focus {
    clip:auto;
}

.logoutbtn {
    padding: 4px 10px 10px 10px;
    width: auto;
    height: auto;
    border: 0;
    color: #fff;
    
    background: none;
    cursor: pointer;
}
input:disabled {
        background: #f6f6f6 !important;
}


.errorBox {
	margin: 80px 0;
}
.errorBox img {
	width: 120px;
	margin: 0 17px 0 0;
}
.errorBox h1 {
	color: #3F1770;
	text-shadow: 0 0 black;
	font-size: 70px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	margin: 0 auto 30px;
}

.errorBox .button {
	margin: 40px auto;
}

.navigation.events span {
    color: #fff;
}
.contactBox .panel-title a {
    position: relative;
}


.contactBox .panel-title a:after {
    content: "\f068";
    position: absolute;
    right: 10px;
    top: 17px;
    font-family: 'FontAwesome';
}

.contactBox .panel-title a.collapsed:after {
    content: "\f067";
    position: absolute;
    right: 10px;
    top: 17px;
    font-family: 'FontAwesome';
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.listing_11 h2 a img {height: 240px;}







.mobile-menu {
     display:block;
     z-index: 9999;
}

/*Create a horizontal list with spacing*/
.mobile-menu li {
	display:inline-block;
	width: 100%;
}


/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
.mobile-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
	text-decoration: none;
	color: #fff;
	background: none;
	text-align: center;
	padding: 10px 15px;
	display: none;
  cursor: pointer;
  text-transform: uppercase;
}

.mobile-menu .show-menu span{
   padding-left: 25px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width : 767px){
  .mobile-menu .lines {
    border-bottom: 3px solid #fff;
    content: "";
    height: 8px;
    width: 30px;
    padding-right: 15px;
    float: right;
    position: relative;
    right: -20px;
    bottom: 31px;
}

.mobile-menu .lines:before {
        content: "";
    position: absolute;
    right: 0;
    top: -2px;
    height: 3px;
    width: 100%;
    background: #fff;
}
.mobile-menu .lines:after {
        content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    height: 3px;
    width: 100%;
    background: #fff;
}

	/*Make dropdown links appear inline*/
	.mobile-menu ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.mobile-menu li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.mobile-menu ul li, .mobile-menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.mobile-menu .show-menu {
		display:block;
	}
}

@media only screen and (max-width: 767px) { 
    .profileBox {
            padding: 0;
        }   
    .profileBox .profile span {
        height: 80px;
        width: 80px;
        margin: 0 10px 0 0;    
        
    }
    .profile #uploadForm {
        display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    }
    
    .profileBox .profile span .choosePro {
        position: absolute;
        top: 47px;
    padding: 26px 0 0 0;
    width: 26px;
    height: 26px;
    background: url(../images/add.png) 2px 2px no-repeat, linear-gradient(to right, #6e29c4 -94%, #3F1770);
        
    }

    .profileBox .profile h6 {
        padding: 9px 0 0 0;
         text-align: left;
    }
    .profileBox .profile p {
        text-align: left;
        width: 130px;
            font-size: 14px;
    }
    .profileBox .profile ul {
    margin-top: 0px;
    }
    .mobile-menu ul {
            right: 0;
        position: absolute !important;
        width: 200px;
        font-size: 14px;
    }
    
    .profileBox .profile ul li a {
    padding: 10px 10px;
        
    }
    .mobile-menu ul {
        background: #35135e;
        z-index: 99;
    }
    .upDateColl {
        overflow-x: scroll;
    }
    
    .upDateColl .upDateTable {
        width: 1200px;
        max-width: 11200px;
    }
    .chatLeft .panel.panel-default {
            height: auto !important;
            margin-bottom:20px;
    }
}

@media only screen and (max-width: 1200px) {  
    .upDateColl {
        overflow-x: scroll;
    }
    
    .upDateColl .upDateTable {
        width: 1400px;
        max-width: 1400px;
    }
}


@media only screen and (max-width: 576px) {
  .partnerRow .inner {
      height: auto;
  }  
}


@media only screen and (max-width: 767px)  {
    .scrol.scrolling_heade {
        width: 1336px !important;   
    }
    
    .scrollingCol {
        overflow-x: scroll;
    }
    
    .scrollingWidth {
        width:1366px;
        max-width:1366px;
    }
    
    #example_wrapper .row:nth-child(2) .col-sm-12 {
        overflow-x: scroll;
    }
    
    
    #example_wrapper .row:nth-child(2) .col-sm-12 .table.table-striped.table-bordered{
        width:1366px !important;
        max-width:1366px;
    }
    .profileBox .inner {
        padding: 20px 15px 10px;
    }
    .buttonApply {
        flex-wrap: wrap;
    }
    .portalBox .buttonApply a {
        margin-right: 0;
        width: 100%;
        display: block;
        margin:10px 5px;
    }
    .profileEditBox > .inner {
        padding:0;
    }
    .productRight {
        padding:0;
    }
    
    body {
        font-size: 14px;
    }
    .navigation  {
        padding-bottom:30px;
    }
    .productBox .productRight .block {
        margin-bottom: 30px;
    }
    h1 {
        font-size: 2rem; 
        
    }
    .back2 {
        display:inline-flex !important;
    }
}

@media only screen and (max-width: 475px) { 
    .member-list-btn {
        flex-wrap: wrap;
    }
    .member-list-btn li {
        width:100%;
        margin-bottom:10px;
    }
    .member-list-btn li .button{
        width:100%;
        margin-left:0;
    }
    .wishlistTable .action .button {
        width: 160px;
    }
    .productBox .productRight .block {
    min-height: auto;
    }
    
    .productRight,
    .productRight .col-lg-4 {
        padding:0;
    }
    .productTab .nav-item { 
        width: 50%; 
    }
    .productTab .tab1Box .nav.nav-tabs .nav-link {
        min-width: auto; 
        
    }
    
}

th, td {word-break: break-word !important;}

.headingT .btn.btn-link {
    position: relative;
}
.headingT .btn.btn-link:after {
    content: "\f068";
    position: absolute;
    right: 10px;
    top: 9px;
    font-family: 'FontAwesome';
}

.headingT .btn.btn-link.collapsed:after {
    content: "\f067";
    position: absolute;
    right: 10px;
    top: 9px;
    font-family: 'FontAwesome';
}

#example_wrapper .row:nth-child(2) .col-sm-12 .table.table-striped.table-bordered {
    width: 1100px !important;
    max-width: 1100px;
}
#example_wrapper .row:nth-child(2) .col-sm-12 {
    overflow-x: scroll;
}

.loaderIMG {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        z-index: 999;
}
.loaderIMG p{
    width:100%;
}
.loaderIMG img {
    width:80px;
        z-index: 9999;
}

.loaderIMG:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#000000ad;
}

.back2 {
        display:none;
    }
    
    .profileBox .profile span .img-pos {
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 220px;
    }

.profileBox .profile span .img-pos img {
    border-radius: 100px;
    height: 100%;
    width: 100%;
        min-height: 180px;
}




.faqBox .btn.btn-link {
	color: #fff;
	font-size: 16px;
	position: relative;
}
.faqBox .btn.btn-link:focus,
.faqBox .btn.btn-link:hover {
	outline: none;
}
.faqBox .card-header {
	background: #3F1770 ;
	color: #fff;
}

.faqBox .card-header .btn.btn-link:after {
    content: "\f068";
    position: absolute;
    right: 10px;
    top: 9px;
    font-family: 'FontAwesome';
}
.faqBox .card {
	margin-bottom: 10px;
}

.faqBox .card-header .btn.btn-link.collapsed:after {
    content: "\f067";
    position: absolute;
    right: 10px;
    top: 9px;
    font-family: 'FontAwesome';
}