/* color combination

Dark Blue

#644996

Light Blue

#41B1D7

#211d46

*/ 

/* commen style */

.btn-navkar:hover , .btn-navkar:hover:active{

  color: #000000 !important;

  background-color: #adeefe !important;

  border-color: #adeefe !important;

}



/* commen style */



/* nav bar */

.navbar {

  background-color: #644996;

  color: #ffffff;

}

.nav-link{

  color: #ffffff;

}

.nav-link:focus, .nav-link:hover{

  color: #41B1D7;

}

.navbar-brand {

  position: absolute;

  left: 50%;

  margin-left: -50px !important;  /* 50% of your logo width */

  display: block;

}

.btn-link{

  background-color: transparent;

  border: 0px;

}

/* nav bar end */

/* login model */

.modal-footer{

  display: inline;

}

.modal-content{

  background-color: #644996;

}

.modal-title{

  color: #ffffff !important;

}

.btn-close-model{

  background-color: #644996;

  color: #ffffff;

  border: 0px;

}

.btn-close-model:hover{

  background-color: #0dcaf0;

  border-radius: 50%;

}

/* login model */

/* hero image */

.bg-image{

  background-image: url('img/hero-img.jpg');

  height: 550px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}

.mask{

  background-color: #644996ba;

  margin-top: 10%;

  padding: 15px 0px;

}

/* hero image */

/* Service */

section {

  padding: 60px 0px 0px 0px ;

}

a, a:hover, a:focus, a:active {

  text-decoration: none;

  outline: none;

}

ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.site-heading h2 {

  display: block;

  font-weight: 700;

  margin-bottom: 10px;

  text-transform: uppercase;

  color: #41B1D7;

}



.site-heading h2 span {

  color: #41B1D7;

}

.error-message-for-invalid-email {
    color: red;
    font-weight: 500;
}

.site-heading h4 {

  display: inline-block;

  padding-bottom: 20px;

  position: relative;

  text-transform: capitalize;

  z-index: 1;

}



.site-heading h4::before {

  background: #644996 none repeat scroll 0 0;

  bottom: 0;

  content: "";

  height: 2px;

  left: 50%;

  margin-left: -25px;

  position: absolute;

  width: 50px;

}



.site-heading {

  margin-bottom: 60px;

  overflow: hidden;

  margin-top: -5px;

}



.carousel-shadow .owl-stage-outer {

  margin: -15px -15px 0;

  padding: 15px;

}



.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {

  background: #ffffff none repeat scroll 0 0;

  border: 2px solid;

  height: 15px;

  margin: 0 5px;

  width: 15px;

}



.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {

  background: #644996 none repeat scroll 0 0;

  border-color: #644996;

}



.we-offer-area .item {

  background: #ffffff none repeat scroll 0 0;

  border-left: 2px solid #644996;

  -moz-box-shadow: 0 0 10px #cccccc;

  -webkit-box-shadow: 0 0 10px #cccccc;

  -o-box-shadow: 0 0 10px #cccccc;

  box-shadow: 0 0 10px #cccccc;

  overflow: hidden;

  padding: 30px;

  position: relative;

  z-index: 1;

}



.we-offer-area.text-center .item {

  background: #ffffff none repeat scroll 0 0;

  border: medium none;

  padding: 31px 31px;

  color: #41B1D7;

}



.we-offer-area.text-center .item i {

  background: #41B1D7 none repeat scroll 0 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  color: #ffffff;

  font-size: 40px;

  height: 80px;

  line-height: 80px;

  position: relative;

  text-align: center;

  width: 80px;

  z-index: 1;

  transition: all 0.35s ease-in-out;

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

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  margin-bottom: 25px;

}



.we-offer-area.text-center .item i::after {

  border: 2px solid #41B1D7;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  content: "";

  height: 90px;

  left: -5px;

  position: absolute;

  top: -5px;

  width: 90px;

  z-index: -1;

  transition: all 0.35s ease-in-out;

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

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

}



.we-offer-area.item-border-less .item {

  border: medium none;

}



.we-offer-area .our-offer-items.less-carousel .equal-height {

  margin-bottom: 30px;

}



.we-offer-area.item-border-less .item .number {

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

  font-size: 50px;

  font-weight: 900;

  opacity: 0.1;

  position: absolute;

  right: 30px;

  top: 30px;

}



.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,

.we-offer-area.center-active .single-item:nth-child(2n) .item {

  background: #644996 none repeat scroll 0 0;

}



.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,

.we-offer-area.center-active .single-item:nth-child(2n) .item i,

.we-offer-area.center-active .single-item:nth-child(2n) .item h4,

.we-offer-area.center-active .single-item:nth-child(2n) .item p {

  color: #ffffff;

}



.we-offer-area .item i {

  color: #644996;

  display: inline-block;

  font-size: 60px;

  margin-bottom: 20px;

}



.we-offer-area .item h4 {

  font-weight: 600;

  text-transform: capitalize;

}



.we-offer-area .item p {

  margin: 0;

}



.we-offer-area .item i,

.we-offer-area .item h4,

.we-offer-area .item p {

  transition: all 0.35s ease-in-out;

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

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

}



.we-offer-area .item::after {

  background: #644996 none repeat scroll 0 0;

  content: "";

  height: 100%;

  left: -100%;

  position: absolute;

  top: 0;

  transition: all 0.35s ease-in-out;

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

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  width: 100%;

  z-index: -1;

}



.we-offer-area .item:hover::after {

  left: 0;

}



.we-offer-area .item:hover i,

.we-offer-area .item:hover h4,

.we-offer-area .item:hover p {

  color: #ffffff !important;

}



.we-offer-area.text-center .item:hover i::after {

  border-color: #ffffff !important;

}



.we-offer-area.text-center .item:hover i {

  background-color: #ffffff !important;

  color: #644996 !important;

}



.we-offer-area.text-left .item i {

  background: #644996 none repeat scroll 0 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  color: #ffffff;

  display: inline-block;

  font-size: 60px;

  height: 100px;

  line-height: 100px;

  margin-bottom: 30px;

  position: relative;

  width: 100px;

  z-index: 1;

  text-align: center;

}



.we-offer-area.text-left .item i::after {

  border: 2px solid #644996;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  content: "";

  height: 120px;

  left: -10px;

  position: absolute;

  top: -10px;

  width: 120px;

}

/* service */

/* about seaction */



/* about seaction */

/* footer seaction */



.footer-section-margin hr{

  width: 60px; background-color: #ffffff; height: 2px

}

footer{

  background-color: #644996;

}

.footer-copyright{

  background-color: #adeefe;

}

.footer-copyright , .footer-copyright a{

  color: #000000;

}

footer a{

  color: #ffffff;

}

footer a:hover, a:active{

  color: #adeefe;

}



/* footer seaction */

/*MQ medai query */



/* register page */



.register-from-header h1 , .register-from-h2{

  color: #ffffff;

}



.register-bg-image{

  background-image: url('img/hero-img.jpg');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  

}

.backgroud-desing {

  background-color: #644996bd;

  margin: 0px auto;

  padding: 15px;

  border-radius: 10px;

  box-shadow: 1px 2px 18px 18px #ffffff96;

  margin-bottom: 15px;



}

.site-break-section-wrap-part-s1 button.btn.btn-primary {

  width: 100%;

}

h1 {

  text-align: center;

  text-transform: uppercase;

}



input {

  padding: 10px;

  width: 100%;

  font-size: 17px;

  font-family: Raleway;

  border: 1px solid #aaaaaa

}



input.invalid {

  background-color: #ffdddd

}



.tab {

  display: none

}



.btn-primary {

  background-color: #41B1D7;

  color: #ffffff;

  border: none;

  cursor: pointer;

  border-radius: 5px;

  border: solid 2px #644996;

}



.btn-primary:hover , #prevBtn:hover , #prevBtn:active .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active , .btn:first-child:hover, :not(.btn-check)+.btn:hover {

  background-color: #644996;

  border: solid 2px #41B1D7;

  border-radius: 5px;

  

}

.btn-group-vertical>.btn, .btn-group>.btn{

  margin-right: 5px;

}

#prevBtn {

  background-color: #41B1D7;

}



.step {

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbbbbb;

  border: none;

  border-radius: 50%;

  display: inline-block;

  opacity: 0.5

}



.step.active {

  opacity: 1

}



.step.finish {

  background-color: #4CAF50

}



.all-steps {

  text-align: center;

  margin-top: 30px;

  margin-bottom: 30px

}



.thanks-message {

  display: none;

}



/* Hide the browser's default radio button */



.container input[type="radio"] {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



/* Create a custom radio button */



.checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 25px;

  width: 25px;

  background-color: #eee;

  border-radius: 50%;

}





/* On mouse-over, add a grey background color */



.container:hover input~.checkmark {

  background-color: #ccc;

}





/* When the radio button is checked, add a blue background */



.container input:checked~.checkmark {

  background-color: #2196F3;

}





/* Create the indicator (the dot/circle - hidden when not checked) */



.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}





/* Show the indicator (dot/circle) when checked */



.container input:checked~.checkmark:after {

  display: block;

}





/* Style the indicator (dot/circle) */



.container .checkmark:after {

  top: 9px;

  left: 9px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: white;

}

/* document upload */

.upload-file{

  color: white;

  font-size: 20px;

}



#readUrl-2 , #readUrl-1 , #readUrl{

  display: contents;

}

/* document upload */

/* register page */

/* match-profile */
.match-proflie-img-thumbnail{
  max-width: 80%;
  max-height: 250px;
}
.clearfix img{

  max-width: 100%;

}
.match-profile-img-thumbnail{
  object-fit: contain;
  width: 100%;
  height: 260px;
}
}

.profile-id-h4{

  color: #ffffff;

}

.profile-id-h4 span{

  color: #0dcaf0;

  font-size: 21px;

}

.profile-id-h4 + hr{

  color: #ffffff;

  border-top: 4px solid;

  opacity: 1;

  border-radius: 50%;

}

.profile-details{

  color: #ffffff;

}

.profile-details a{

  text-align: center;

}

.profile img{

  max-width: 200px;

}

.profile img {

  float: left;

}



/* match-profile */

/* view  profile */

.view-prfolile{

  color: #ffffff;

}

.register-from-header button{

  float: left;

}



.serarch-card-text-muted{

  font-size: 18px;

}

.details-unverified{

  color: #ff0000;

}

.details-verfiy{

  color: #0dcaf0;

}

.position-relative{

  position: relative;

}

/* view profile */

/* update profile page */





small.text-danger {

  position: absolute;

  top: 0;

  width: 100%;

  right: -35px;

}



/* update profile page */

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

  .navbar-brand {
    position: relative;
    left: 0;
    margin-left: 0 !important;
  }

  .bg-image{
    background-image: url('img/hero-img-mobile.jpg');
    height: 400px;

  }

  .register-bg-image{

    height: auto;

  }

  .mobile-margin{

    margin-top: 1rem!important;

  }

  .register-from-header button{

    float: left;

  }

  

  .mb-withd .nav-item{

    width: 100%;
    border: 2px solid white;
    margin: 4px;

  } 
  .nav-tabs .nav-link{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
  /*  .mobile-font-size h1 ,.mobile-font-size a {
        font-size: 18px !important ;
    }
    .mobile-font-size p{
        font-size: 16px !important ;
    }
    */
}

/*MQ medai query */



/* Dev Header Menu Style start 08-07-2023 */

li.nav-item button.nav-link.btn-link.logout-button a.logout-button-anchor {

  color: white;

}



li.nav-item button.nav-link.btn-link.logout-button a.logout-button-anchor:hover {

  color: blue;

}

.site-header-wrap.mb-5.mt-5 h2.site-header-wrap-title-h2.mt-3 {

  color: wheat;

  text-align: center;

}

.tab.custom-site-wrap-secion-container {

  display: block;

}

.form-row.site-break-section-wrap {

  display: flex;

  flex-wrap: wrap;

  gap: 14px;

}

.col-md-4.mb-3.site-break-section-wrap-part-1 .section-50 {

  padding: 5px;

}

/* Dev Header Menu Style end 08-07-2023 */

#toolbarContainer div.debug-bar-ndisplay {

  display: none !important;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



input[type="number"] {

  -moz-appearance: textfield; /* Firefox */

}



.modal-footer.text-center button a {

  color: white;

}

.modal-content.pb-3 p.site-show-error-msg {

  text-align: center;

  margin-top: 15px;

  margin-bottom: 0px;

  font-size: 19px;

  font-weight: 600;

  color: red;

}

p.site-error-show-forgot-1 {

  text-align: center;

  font-size: 18px;

  font-weight: 600;

  color: red;

}

td.main-profile-image-wrap-column img {

  width: 100px;

  height: 88px;

}

select.invalid {

  background-color: #ffdddd;

  border-style: solid 5px;

  border-color: #ffdddd;

}

table#all-register {

  color: white;

}



div#all-register_wrapper div#all-register_length {

  color: white;

  font-weight: 600;

}



div#all-register_wrapper div#all-register_length label select {

  color: white;

  font-weight: 600;

}



div#all-register_wrapper div#all-register_filter {

  color: white;

  font-weight: 600;

  margin-bottom: 15px;

}



div#all-register_wrapper div#all-register_filter input[type="search"] {

  color: white;

}



div#all-register_wrapper table#all-register {

  border-top: 1px solid;

  border-radius: 3px;

}



div#all-register_wrapper table#all-register thead tr th {

  border: 1px solid;

}



div#all-register_wrapper div#all-register_info {

  color: white;

  font-weight: 600;

}



div#all-register_wrapper div#all-register_paginate a {

  color: white !important;

  font-weight: 600;

}



div#all-register_wrapper div#all-register_paginate span a {

  color: white !important;

  font-weight: 600;

  border: 1px solid;

}

.error-message-for-existing-email {

  color: red;

  font-size: 18px;

  font-weight: 600;

}
.error-message-for-existing-mobile {

  color: red;

  font-size: 18px;

  font-weight: 600;

}
span.text-danger-show-message-from-validation-form {

  font-size: 18px;

  font-weight: 600;

}

.card.d-flex.align-items-center.justify-content-center {

  padding: 10px 0px;

}

.disabled-div {

  pointer-events: none;

  opacity: 0.5;

}

form#regForms label.error {

  color: red;

  font-weight: 500;

}

form#regForm label.error {

  color: red;

  font-weight: 500;

}

.site-wrap-msg-match {
    width: 100%;
    background: #00a200;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.site-wrap-msg-match p {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 5px;
}