@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
/* width */
/*::-webkit-scrollbar {
  width: 10px;
}*/

/* Track */
::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px #e0eeff;*/
   /* background: #e0eeff;
  border-radius: 10px;*/
}
 
/* Handle */
/*
::-webkit-scrollbar-thumb {
  background:#8cc2ff; 
  border-radius: 10px;
}
*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
  background: #8cc2ff; 
}*/
body{font-family: 'Lexend', sans-serif; color: #000;font-size: 14px;background-color: #fff;}
.container-fluid {
	    padding-left: 30px;
    padding-right:30px;
}
.h1, h1 {font-size: 45px;}
.ml-2{margin-left: 20px;}
    /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
select.form-control {
    background: #fff url(../images/down-arrow.png)no-repeat;
    background-position: right 15px center;
    background-size: 16px;
}
 .affix {
    top: 0px !important;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #F44336;
    border-color: #F44336;
	max-width: inherit !important;
	border-radius:0px !important;
	box-shadow:0px 2px 20px 0px hsl(0deg 0% 44% / 33%);

  }
 .bg-light {background-color: #f6fbfe !important;}
img{max-width: 100%;}
  a{}
h1, h2, h3, h4{ margin-top: 0px;line-height: inherit;}
h3{    font-size: 24px;}
h4{font-size: 18px;}
p{ line-height: 24px;color:#7D7987;margin-bottom: 10px;}
.text-success {
    color: #98D644!important;
}
.text-danger {
    color: #ff8787 !important;
}
.media{}
.media .media-left, .media .media-body, .media .media-right{display: table-cell;vertical-align: top;}
.media .media-left{padding-right:calc(var(--bs-gutter-x) * .5);}
.media .media-body{width: 10000px;}
/*select.form-control {
    background: #fff url(../images/down-arrow.png)no-repeat;
    background-position: right 15px center;
    background-size: 10px;
}*/
.container-fluid {}
.long-arrow-btn {width: 16px;
    height: 16px;
    background-color: #f37620;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    line-height: 17px;
    font-size: 13px;
    text-align: left;
}
.long-arrow-btn:hover{background-color: #fdaa25;    color: #fff;}
.btn{border-radius: 25px;color: #fff;padding: 11px 0px;}
.btn-light {
    color: #2D2D2D;
    background-color: #F4F4F4;
    border-color: #F4F4F4;
    /*font-size: 14px;*/
    font-weight: 500;
}
.btn-light:hover {background-color: #f2f2f2;
    border-color: #f2f2f2;}
.btn-secondary {
    color: #fff;
    background-color: #5d5d5d;
    border-color: #5d5d5d;
}
.btn-outline-dark {
    color: #030319;
    border-color: #030319;
}
.btn-outline-dark:hover {
    color: #98D644;
    border-color: #030319;
    background-color: #030319;
}
.btn-outline-success {
    color: #98D644;
    border-color: #98D644;
}
.btn-outline-success:hover {
    color: #fff;
    border-color: #98D644;
    background-color: #98D644;
}
.btn-dark:hover {
    color: #fff;
    background-color: #58595a;
    border-color: #58595a;
}
button:focus{outline: inherit !important;}
.btn-outline-grey {
    border-color: rgba(0, 0, 0, 0.12);
}
.form-check-input:checked { background-color: #2196F3;border-color:#2196F3;}
.form-check-input {
    width: 1.7em;
    height: 1.72em;
    background: #E4E4E4;
    border: none;
    display: inline-block;
    float: none !important;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 0;
}
.form-check label{ display: inline-block !important; }
.mr-5{margin-right: 5px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.pding5{padding-left: 5px; padding-right: 5px;}
.pding10{padding-left: 10px; padding-right: 10px;}
.pding0{padding-left: 0px; padding-right: 0px;}
.pding-rgt0{padding-right: 0px;}
.pding-rgt5{padding-right: 5px;}
.pding-lft5{padding-left: 5px;}
.pdingrgt25{padding-right: 25px;}
.pdinglft25{padding-left: 25px;}
.tmb{border: none;padding: 0px;position: relative;overflow: hidden;    border-radius: 0px;background-color: transparent;}
.text-blue{    color: #458DFC;}
.text-teal{color: #3FCCBA;}
.btn-radius{border-radius: 30px;}
/*============= button style ================*/

.btn-outline-primary {
    color:#458DFC;
    border-color: #458DFC;
}
.btn-outline-primary:hover{background-color:#458DFC;color: #fff;
    background-image: linear-gradient(180deg,#458DFC 100%,#4089ED 100%);
    border-color: #458DFC}
.btn-primary {
    color: #fff;
       background-color:#458DFC;
    background-image: linear-gradient(180deg,#458DFC 100%,#4089ED 100%);
    border-color: #458DFC;
}
.btn-primary:hover{
    color: #fff;
    background-color: #4089ED;
    background-image: linear-gradient(180deg,#4089ED 100%,#458DFC 100%);
    border-color:#4089ED;
}

.btn-danger {
    color: #fff;
    background-color: #F95B70;
    border-color:#F95B70;
    font-size: 13px;
    padding: 6px 15px;
}
.btn-danger:hover {
  background-color: #e3334a;
    border-color: #e3334a;
}
.btn-warning {
    color: #000;
    background-color:#FFC600;
    border-color:#FFC600;
    font-size: 14px;
    padding: 11px 15px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 12%);
    }
.btn-warning:hover{color: #fff;
    background-color:#ebb600;
    border-color:#ebb600;}
	.btn-outline-warning {
    color: #FF782C;
    border-color: #FF782C;
}
.btn-outline-warning:hover {
   color: #fff;
   background-color:#fd620b;
   border-color:#fd620b;
}
.btn-sm {
    font-size: 12px;
    padding: 4px 12px !important;
}
.btn-light-danger{background-color: #FB6B6B;border-color:#FB6B6B;}
.btn-info {
    color: #fff;
    background-color: #2591ae;
    border-color: #2591ae;
}
.btn-info:hover {
    color: #fff;
    background-color: #159bbf;
    border-color: #159bbf;
}
.btn-success {
    color: #030319;
    background-color:#98D644;
    border-color:#98D644;
}
.btn-success:hover {
    color: #030319;
    background-color: #7eb631;
    border-color:#7eb631;
}
.btn-blue {
    color: #fff;
    background-color: #00879F;
    border-color:#00879F;
}
.btn-blue:hover {
    color: #fff;
    background-color:#1197af;
    border-color:#1197af;
}
.btn-whatsapp{background-color:#00BFA5;
    border-color:#00BFA5;}
.btn-whatsapp:hover{background-color:#00a18b;
    border-color:#00a18b;}
a{text-decoration: none;}
.pding-lft0{padding-left: 0px;}
.list-point{margin-bottom: 35px;}
.list-point li:before{content: "";
    position: absolute;
    left: 2px;
    top: 11px;
    width: 5px;
    height: 5px;
    background-color:#7A7575; 
    border-radius: 50%;}
.list-point li{line-height: 22px;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    font-weight: 400;
    margin-bottom: 10px;
    color: #333;}
.owl-nav {      /* position: absolute;
    top: 45%;
    width: 100%;
    left: 0px;*/}
.owl-nav button span { 
    font-size: 47px;
    line-height: 26px;
    font-weight: 100;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    display: block;
    color: #458DFC;
    /*box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 18%);*/
}
.owl-carousel2 .owl-nav button span {box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 18%);}
.owl-nav button span:hover{/*border: 1px solid #E93131;
    color: #E93131;*/}
.owl-nav .owl-next{position: absolute;
    top: 45%;
    right:-15px;}
.owl-nav .owl-prev { position: absolute;
    top: 45%;
    left:-15px;}
.btn-block {
    display: block;
    width: 100%;
}
.text-orange{    color: #FF782C;}
._select_arrow {
    appearance: none;
    -webkit-appearance: none;
}
.form_icon, .form-icon {
    position: absolute;
    right: 10px;
    bottom:10px;
    color: #6a6666;
    font-size: 18px;
}
.form-icon{right: inherit; left: 2px;}
.form_icon img{width: 15px;}
.form-group{position: relative;margin-bottom: 20px;}
.txt-red{color: #E93131;}
.view {
    margin-top: 10px;
}
.view a {
  font-weight: 500;
    font-size: 13px;
}
.view a i{font-size: 18px; margin-left: 5px;
    font-weight: 600;}
.view a:hover{}
.ads-banner{position: relative;margin-bottom: 30px;}
.ads-banner a{display: inline-block;}
.ads-banner a img{width: 100%; border-radius: 4px;transition: 0.5s;}
.ads-zoom-img{overflow: hidden;}
.ads-zoom-img:hover>a img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);}
.owl-carousel .owl-dots{text-align: center; position: relative;margin: auto;
    display: table;}
.owl-carousel .owl-dots .owl-dot.active {
    position: relative;
    width: 14px;
    height: 10px;
    border-radius: 25px;
    display: inline-block;
    background-color: #4DA980;
}
.owl-carousel .owl-dots .owl-dot {
    margin: 25px 6px 0;
    position: relative;
    width: 10px;
    border: 2px solid transparent;
    height: 10px;
    border-radius: 50%;
    display: table;
    background-color: #99FBCF;
    float: left;
}
/*.owl-carousel .owl-dots .owl-dot.active span {
    position: absolute;
    left: 4px;
    bottom: 0px;
    right: 0px;
    top: 4px;
    background-color: #4DA980;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
}*/
/*=============== check out button =================*/
/* The container */
.container_chechout {
  display: block;
  position: relative;
      font-size: 13px;
    font-weight: 600;
    position: relative;
    float: none;
    padding-left: 35px;
    color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
        cursor: pointer;
}

/* Hide the browser's default checkbox */
.container_chechout input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container_chechout .checkmark {position: absolute;
    top: 0px;
    left: 0px;
    height:20px;
    width:20px;
    background-color:#f1f1f1;
    border-radius: 4px;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.container_chechout:hover input ~ .checkmark {

}

/* When the checkbox is checked, add a blue background */
.container_chechout input:checked ~ .checkmark {
}

/* Create the checkmark/indicator (hidden when not checked) */
.container_chechout .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_chechout input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_chechout .checkmark:after {    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid #0b3666;
    border-width: 0px 2px 2px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container_chechout2{font-size: 14px;float: none;padding-right: 0px;padding-left: 25px; padding-bottom: 25px;}
.container_chechout2 .checkmark {right: initial;left: 0px;height: 20px;
    width: 20px;
    background-color:#fff;
    border: 1px solid #ddd;}
.container_chechout2 .checkmark:after {
    border: solid #ed207b;width: 6px;
    height: 10px;
    border-width: 0px 2px 2px 0px;}

header{z-index:1000;width: 100%;left:0px;top:0px;position: sticky;box-shadow: none;}
.sticky {background-color: #fff;
    position: fixed !important;    top: 0px;     z-index: 999;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-name: slideInDown;    animation-name: slideInDown;    box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 7%);}
.sticky .navbar-brand {padding:0px 10px 2px 0px;}
.sticky .hdr-top{display:none;}
.sticky .navbar-brand>img {}
.sticky .navbar-expand-lg.bg-light {padding: 0px 0px 0px;}
.sticky .navbar-expand-lg .mobile-nav .nav-link {color:#2196F3;}
.sticky .navbar-expand-lg .mobile-nav .nav-link.login{}
.sticky .navbar-light .mobile-nav .nav-link:focus, .sticky .navbar-light .mobile-nav .nav-link:hover {
color: #000;}
.hdr-top {padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;}
.hdr-top p{color: #343434;font-size: 11px;line-height: 20px;font-weight: 600;margin-bottom: 0px;}
.hdr-top p strong{color:#FF782C;}
.hdr-social-link li{padding-right: 1px;display: inline-block;
    padding-left: 1px;}
.hdr-social-link li a {font-size: 18px;
    color: #fff;
    transition: 0.5s;
    display: block;
    width: 30px;
    height: 30px;
    /* text-align: center; */
    line-height: 36px;
    border-radius: 50%;
    /* background-color: #fff;*/
}
.hdr-social-link li a.fb {background-color: #3b5998;}
.hdr-social-link li a.tw {background-color: #55acee;}
.hdr-social-link li a.linkdn {background-color: #007ab9;}
.hdr-social-link li a.ins { background-color: #ffc153; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #ffc153 , #f9524b, #d13c98);}
.hdr-social-link li a.youtybe {background-color: #ff0000;}
.hdr-social-link li a:hover{transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}
.hdr-top-cnt{display: flex;margin-bottom: 10px;}
.hdr-top-cntrgt{justify-content: end;}
.hdr-top-cnt li{margin-right: 25px;}
.hdr-top-cnt li:last-child {margin-right: 0px;}
.hdr-top-cnt li a {    font-size: 13px;
    color: #000;
    font-weight: 500;
    display: block;
}
.hdr-top-cnt li a>img{margin-right: 5px; }
.hdr-top-cnt li a.sell{    background-color: #9f5404;
    padding: 5px 12px;
    border-radius: 4px;
    color: #fff;}
.hdr-top-cnt li a:hover{color:#e00000;}
.hdr-top-cnt li a.sell:hover{background-color: #fff;}
.txt-rgt{ text-align:right;}
.navbar-default {z-index:1022;  margin:auto; border-radius:0px;
    background-color:#fff;    padding-top: 0px;
    padding-bottom: 0px;    transition: 0.5s;
    border: none;/*box-shadow:0px 2px 20px 0px hsl(0deg 0% 44% / 33%);*/}
	.navbar-expand-lg.bg-light {
    padding: 5px 10px 5px;
    background-color: #f3f0e9 !important;
    border-bottom: 1px solid #02021314;
    margin: 10px 30px 0;
}
.navbar-expand-lg.sticky-top{}
.navbar-nav{position:relative;}
.navbar-brand {    padding:5px 10px 5px 0px;
    font-size: 30px;
    text-transform: capitalize;
    font-weight:500;position: relative;
    line-height: 30px;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: transparent;}
.navbar-default .navbar-brand {color: #fff;    transition: 0.5s;}
.navbar-brand span{ color: #000; text-transform:capitalize;}
.navbar-brand>img {    height: 20px;
    transition: 0.5s;
    margin-left: 50px;}
.search-icon{   position: absolute;
    top: 15px;
    right: 65px;
display: none;}
.search-icon a{color: #000;}
.navbar-default .navbar-nav .nav-link{color: #494949;}
.navbar-expand-lg .navbar-nav .dropdown{}
.navbar-light .navbar-nav .nav-link {
    color: #6C6C6C;
}
.navbar-expand-lg .navbar-nav .nav-link {     
    padding: 10px 30px;
    text-transform: capitalize;
    font-size: 16px;
}
	.navbar-expand-lg .navbar-nav .nav-item:first-child>.nav-link{}
.navbar-expand-lg .navbar-nav .dropdown-toggle::after {
    
    vertical-align: middle;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #000;
    font-weight: 500;
   
}
.navbar-expand-lg .mobile-nav .mobile-nav-search{margin-right:15px;position: relative;}
.navbar-expand-lg .mobile-nav .nav-link {text-align: center;
    padding: 5px 20px;
    position: relative;
    font-weight: 400;
	border-radius: 4px;
     font-size: 18px;
    color: #000;
}
	.navbar-expand-lg .mobile-nav .nav-link.login{ border-radius: 30px;
    border: 1px solid #2196F3;
    font-size: 14px;
    padding: 6px 25px;
    margin-top: 4px;
}
.navbar-expand-lg .mobile-nav .nav-link img{width: 45px;height: 45px;border-radius: 50%;object-fit: cover;margin-right: 10px;}
.navbar-expand-lg .mobile-nav .nav-link i{margin-right: 6px;}
.navbar-expand-lg .mobile-nav .nav-link span{}
.navbar-expand-lg .mobile-nav .login-drop .dropdown-toggle::after{}
.navbar-expand-lg .mobile-nav .Menu .dropdown-toggle::after{display:none;}
.navbar-expand-lg .mobile-nav .nav-link  em{      
    position: absolute;
    top: -1px;
    background-color:#98D644;
    color: #fff;
    width: 18px;
    height: 18px;
    display: block;
    right: -7px;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    font-weight: 600;
    line-height: 18px;
    font-style: normal;}
	.navbar-nav>li:hover>.drop-menu{ }
.navbar-expand-lg .mobile-nav .login-drop.dropdown .nav-link.login {
    border: none;
    color: #000;
    padding: 0;
    text-align: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
	.drop-menu{ padding:0px;width: 100%}
.drop-menu-srvs{ }
	.navbar-default .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link:hover {
    color: #2196F3;}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #2196F3;}
	.drop-menu>li>a { padding: 12px 20px;font-weight: 600;color: #444; border-bottom: 1px solid #ddd;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #FF782C;
}
.navbar-light .mobile-nav .nav-link:focus, .navbar-light .mobile-nav .nav-link:hover {color: #000;
    background-color:transparent;}
.navbar-right~.navbar-nav-search{margin-top: 22px;margin-right: 50px;}
.mobilesrch {display: none;}
.navbar-form{margin-bottom: 0;
    position: relative;
    margin-top: 0;
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    margin-left: 0px;display: flex;
	    margin-right:0px;}
.navbar-form .form-group {width: 100%;position: relative;}
.navbar-form .form-control {width: 100%;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: none;
    background-color:#fff;
    padding: 6px 30px 6px 10px;
    font-size: 12px;
    color: #000;}
	.navbar-form .form-group .form-icon {left: 10px;
    bottom: 10px;
    font-size: 14px;}
.select-location{width: 215px;}
.select-location .form-control{border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
    height: 36px;
	color:#000;}
.select-location .form-icon {right: inherit;
    left: 0px;
    left: 10px;
    font-size: 14px;
    bottom:8px;
    color: #333;
}
.navbar-form .btn{  position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 12px;
    height: 35px;
    font-size: 15px;
    border-radius: 30px 0px 0px 30px;
    box-shadow: none;
    background-color: transparent;
    border: none;
    color: #333;
}
.navbar-form .select-location .btn{background-color: #fff;color:  #e89935;}
.navbar-login { background-color: #F8F8F8;}
.navbar-login .navbar-nav .nav-link{text-align: center;}
.navbar-login .navbar-nav .nav-link h5{margin-bottom: 2px;font-size: 16px;font-weight: 600;}
.navbar-login .navbar-nav .nav-link p{    color: #1A2228;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0px;}
.navbar-light .back-navbar-text{margin-left: 125px;}
.melft-auto{margin-left: auto;}
.navbar-light .back-navbar-text a{background-color: #D8D8D8;
    padding: 7px 35px;
    border-radius: 4px;
    font-size: 13px;}
.navbar-light .back-navbar-text a:hover {
    background-color: #e93131; color: #fff;}

.dropdown-menu{  width: 100%;padding: 0px;margin: 0px;left: 0px;border: none;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 19%);}
.drop-menu:before {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px;
    border-color: transparent transparent #FF782C;
    position: absolute;
    top: -9px;
    left: 20px;
}
.dropdown-menu li .dropdown-item{ text-decoration: none !important;  font-size: 13px;
    padding: 8px 20px;}
.dropdown-item.active, .dropdown-item:active { background-color:#FF782C;}
.dropdown-item:focus, .dropdown-item:hover {
    color:#128DD2;
    background-color: transparent;}
    .dropdown-rgt{    left: inherit !important;
    right: 0px;z-index: 1021;}

/*---------- SLIDE CAPTION ----------*/
.mrgn-auto { margin:auto;display: block;}



/*========== enquire form ======*/
.btn-close {
    opacity: 9;
}
.bg-gray{background-color:#f6f6f7;}
.bg-gray2 {
    background-color: #F4F4F4;
}
.bg-grey-dark {
    background-color: #F6F6F6 !important;
}
.bg-orange{background-color:#fdaa25;}
.bg-pink{background-color: #fef6f6;}
.bg-blue{background-color:#124a88;}
.wrap-bdrtp{border-top:1px solid #c1c1c1;}
.wrap{ position:relative; padding-top:70px; padding-bottom:70px;}
.wrap-40{position: relative; padding-top: 40px;padding-bottom: 40px;}
.wrap-top0{padding-top: 0px;}
.wrap-btm0{padding-bottom: 0px;}

.form-control:focus { border-color: #333;box-shadow: none;}
.inr-wrap-tp {padding-top: 40px;}
.boxshow-wrap{    box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 7%);z-index: 1;}
.title{ position:relative; margin-bottom:35px;}
.title h1{font-weight: 300;font-size: 58px;}
.title h1 b{}
.title h2{font-weight: 700;font-size: 40px;}
.title h2 b{}
.title h3{font-size: 35px;
    font-weight: 700;
    line-height: inherit;
    text-transform: inherit;margin-bottom:0px;}
.title h3 b{}
.title h4{font-size: 18px;font-weight: 500;}
.title h4 span{font-weight: 400;font-size: 14px;margin-left: 20px;}
.title-bdr{    background-color: #000;
    height: 2px;
    display: inline-block;
    width: 60px;
    border-radius: 30px;}
.title-bdr-white{background-color: #fff;}

/*========== home ========*/

/*=========== footer ================*/
footer{background-color: #468ffc;position: relative;
    background-image: linear-gradient(0deg, #468ffc, #65b4fc);position: relative; padding-top: 50px;}
footer:after {content: "";
    background: url(../images/foter-dots.png)no-repeat;
    bottom: 10px;
    left: 10px;
    width: 95px;
    height: 100px;
    position: absolute;
    background-size: 100%;
}
.fotr-logo{    position: relative;
    margin-bottom: 20px; }
.fotr-logo a{ display: inline-block;}
footer h3{     color: #fff;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
}
footer h4{font-size: 15px;
    color: #000;
    font-weight: 500;}
footer p{     color: #fff;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px;
}
.fotr-media p strong{width: 75px;font-weight: 600;
    display: inline-block;}
.fotr-abt-cnt{position: relative; margin-right: 25px; margin-bottom: 25px;}
.fotr-media-item{position: relative; margin-bottom: 25px;}
.fotr-media{    margin-top: 10px;}
footer .fotr-media .media-body{padding-left: 0px;}
.fotr-media p a{ color: #555;}
.fotr-media p a:hover{     color:#daeaff;}
.fotr-media .media-left{}
.fotr-media p i{ }
.fotr-media h4{ margin-top: 0px;
    position: relative;
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
    font-weight: 400;}
.fotr-media p a{color: #fff;    padding-right: 15px;}
.fotr-menu{    margin-bottom: 0px;}
.fotr-menu li{margin-bottom: 6px;}
.fotr-menu li a{color: #fff;
    display:inline-block;
    padding: 0px 0px 5px;
    transition: 0.5s;
    font-weight: 400;
    font-size: 13px;}
	.fotr-menu li a:hover{transform: translate(10px, 0px);-o-transform: translate(10px, 0px);
        -webkit-transform: translate(10px, 0px); text-decoration:none; 
    }
.fotr-media-item-contact{margin-right: 20px;}
.fotr-Subscribe h3{margin-bottom: 5px;font-size: 19px;}
.foter-search {    margin-top: 0px; margin-bottom: 15px;}
.foter-search p{margin-bottom: 15px;}
.foter-search .navbar-form  {margin-left: 0px;  display: block;width: 100%;}
.foter-search .navbar-form .form-control {border-radius: 0px;
    padding-left: 15px;
    height: 46px;
    border: 1px solid #707070;
    background-color: transparent;
}
.foter-search .navbar-form .btn {right: 0px;
    top: 0px;
    width: auto;
    padding: 4px 12px;
    height: 46px;
    font-size: 22px;
    border-radius: 0px;
    font-weight: 600;
    background-color: #fff;
    color: #000;
    border-color: #fff;}
	.payment-icon{display:flex;}
	.payment-icon li:first-child {
    padding-left: 0px;
}
.payment-icon li{padding-left:3px;padding-right:3px;}
.payment-icon li a {width: 60px;
    display: block;
}
.payment-icon li a img {
    display: block;border-radius:4px;
}
.fotr-btm-link{border-top: 1px solid #5b5858;
    padding-top: 10px;
    position: relative;}
.fotr-btm-link .fotr-menu li {
    display: inline-block;
    padding-right: 12px;
padding-left: 12px;
border-left:1px solid #ddd;}
.fotr-btm-link .fotr-menu li:first-child{padding-left:0px; border-left:0px;}
.fotr-btm-link  .fotr-menu li a {padding: 0px;
    line-height: 12px;
}
	.cpyrgt-wrap{   position: relative;border-top:1px solid #68c9ff;
        padding: 35px 0px 10px;}
    .cpyrgt-wrap p{ font-size: 12px;
    font-weight: 400;display: inline-block;color: #fff;}
	  .cpyrgt-wrap p b{font-weight: 600;}
 .cpyrgt-wrap p span.space{    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;}
.cpyrgt-wrap p a{    color:#fff;
    font-weight: 600;}
.cpyrgt-wrap p a:hover{color:#daeaff;}
.cpyrgt-wrap .hdr-social-link{margin-top: 15px;}
.cpyrgt-wrap .hdr-social-link li{}
.cpyrgt-wrap .hdr-social-link li a{    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    height: auto;
    font-size: 20px;}
.hdr-social-link{}
.hdr-social-link h4{ font-size: 18px;}

.txt_dec {
    position: relative;
    margin-bottom: 20px;
}
.txt_dec h4 {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    text-transform: inherit;
}
.txt_dec h5{font-size: 16px;font-weight: 500;}
.txt_dec p {
    text-align: justify;
    font-size: 14px;
    margin-bottom: 20px;
}
.txt_dec p:last-child{margin-bottom: 0px;}
/*================ thank you  ===========*/
.thanks-section{position: relative; background:#fff url(../images/thnks-bg.png)no-repeat;    background-position:top center;}
.thnks-footer{padding-top: 0px;}
.thnks-footer .cpyrgt-wrap{margin-top: 0px; border-top: none;}
.inner-thanks{ position: relative;padding: 20px;}
.inner-thanks h4{margin-bottom: 15px;}
.inner-thanks h2{font-size: 45px;font-weight: 600;}
.inner-thanks h4{font-size:22px;font-weight: 800;}
.inner-thanks h5{color: #333;font-size: 16px;}
.inner-thanks h3{font-weight: 800;}
.thankyou-img{width: 130px;
    margin: 0px auto 20px;}
.thankyou-img img{}
.inner-thanks p{color: #333; line-height: 22px;margin-bottom: 20px;}
.inner-thanks .btn{     padding: 10px 20px;
    margin: auto;
    border-radius: 30px;
    font-size: 14px;}
.inner-failed h4{color: #E93131;}
.thanks-bottom{position: relative; margin-top:40px;}
.thanks-bottom h3{}
.thanks-bottom p{margin-bottom: 10px;}
.thanks-bottom .txt-rgt{    align-self: end;}
.thanks-bottom h5{font-weight: 400;
    font-size: 17px;
    display: flex;
    align-self: end;
    align-items: flex-end;
    justify-content: end;}
.thanks-bottom h5 a{display: block;}
.border-box{position: relative;padding: 20px;border: 1px solid #a8a8a8;border-radius: 8px;margin-bottom: 25px;}
.border-box h4{font-weight: 600;}
.border-box p{color: #8C8989;}
.thanksgray-box{    padding: 25px;
    border-radius: 8px;
    background-color: #F2FAFE;
}
.thanksgray-box h4{font-weight: 700;}
.thanksgray-box p{}
.thanksgray-box .list-group-item {
    padding: 10px 0px;
    color: #696969;
    background-color: transparent;
    border: none;
}
.thanksgray-box .list-group-item .fw-bold{color: #000;}
.thanksgray-box .list-group-item .badge{color: #696969;
    font-size: 13px;
    font-weight: 400;}
.thanksgray-box .list-group-item .badge strong{color: #000;}

/*============================ login ======================*/
.form-box-width{width: 80%; margin: auto;}
.form-box{position: relative;}
.form-box  .title {margin-bottom: 20px;}
.form-box .title-mb0{margin-bottom: 0px;}
.wlcome-login .title{margin-bottom: 90px;}
.form-box .title h3{ 
    line-height: inherit;
    font-size: 32px;
    font-weight: 500;
    color: #030319;
}
 .wlcome-login .title h3{ 
    line-height: inherit;
    font-size: 55px;
    line-height: 55px;
    font-weight: 600;color:#3E3E3E;}
	.title h4{font-weight: 700;color:#000;}
.form-box .title h5{font-weight: 700;font-size: 16px;}
.login-white-box{position: relative; padding: 40px;}
.login-white-box img{ width:100px; }
.tags img {width: 11px;margin-left: 6px;}
.tags a {color: #98D644;border-radius: 30px;padding: 10px 10px 10px 10px;border: 1px solid #00000014;margin-right: 0;margin-bottom: 10px;display: inline-block;font-size: 12px;}
.form-box-login{ }
.login-white-box h1{ font-weight: 700; font-size: 22px; color: #3E3E3E; margin: 15px 0 5px; position: relative; }
.login-white-box h1 i, .login-white-box .title h3 i{ position: absolute; left: 0; font-size: 36px; color: #000; line-height: 24px; }
.form-box-login .offcanvas-header{    background-color: #65b4fc;
    background-image: linear-gradient(0deg, #65b4fc, #468ffc);}
.offsetlogo{width: 100px;}
.form-box-login .btn-close {
    position: relative;
    right: 0px;
    top: 0px;
    background-color: transparent;}
.login-img{margin:0px auto 25px; width: 90px;display: block;}
.form-item{position: relative;}
.form-box .title p{
    font-size: 15px;
    line-height: 20px;
    margin-top: 5px;
    color: #333;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.form_icon_forgot {
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #98D644;
    font-size: 22px;
}
.popup_form .formIconsinner { 
    top: 39px;
    right: 12px;
    left: auto;
}
.wlcome-login p{font-size: 20px;
    line-height: 30px; margin-top: 20px;
    color: #333;}
.form-box .form-group { margin-bottom: 25px;position: relative;}
.form-box .form-group .form-group{margin-bottom: 5px;}
.form-box .form-group .form-file{padding-top: 12px;}
.form-box .form-check-input:checked, .table .form-check-input:checked{
    background-color:#98D644;
    border-color:#98D644;
}
.forgettext a{ color: #98D644; font-size: 15px;font-weight: 400;}
.forgettext a:hover{ color: #030319; }
.form-box .form-check, .table .form-check{padding-left: 2em;}
.form-box .form-check .form-check-input, .table .form-check .form-check-input{margin-left: -2em;}
.form-box .form-check .form-check-label a{color:#98D644;}
.form-box .form-group label{    
    font-weight: 500;
    color:#2D2D2D;
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
}
	.form-box .form-group .form-group label.form-check-label{color:#666;}
    .form-box .form-group label.form-check-label{color: #000;
        font-weight: 500;
        font-size: 14px;}
.form-box .form-group label.input-group-text{margin-bottom: 0px;}

.form-box .form-ctrl {background-color: #fff;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    height: 52px;
    border-radius: 10px;
}
.form-box  textarea.form-ctrl{height: auto;border-radius: 10px;}
.form-box .form-group h6{    margin-bottom: 12px;
    font-size: 18px;}
.number-code{display: flex;
    width: 100%;
    border: 1px solid #A8A8A8;
    border-radius: 4px;}
.number-code .city-code-ctrl{    width: 100px;
    position: relative;}
.number-code  .form-ctrl {border: none;border-radius: 0px;}
.number-code  select.form-ctrl{border-right: 1px solid #a8a8a8;}
.form-box .forgot-txt {
    margin-bottom: 45px;text-align: right;
    margin-top: -15px;
}
.haveAccountText p{ font-size: 16px; font-weight: 400; }
.haveAccountText p a{ color: #98D644; font-weight: 600;}
.form-box .SignUp-txt{margin-bottom: 0px;    margin-top: 0px;
    text-align: center;}
.form-box .forgot-txt p{color: #3a3a3a;font-size: 14px;}
.form-box .forgot-txt p a{color:#438BF5;font-weight: 500;}
.form-box .forgot-txt p a:hover{color:#438BF5;text-decoration: none;}
.form-box .SignUp-txt p{font-size: 15px;}
.form-box .SignUp-txt p a{text-decoration: underline;}
.form-box-register .form-ctrl{
    border: none;
    border-radius: 5px;
}
.form-box-register .form-ctrl:placeholder{ color: #212529; }
.form-box-register select.form-ctrl{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
p.passdInstrution{ color: #0095FF !important; font-size: 11px !important; margin-top: 10px; line-height: 16px; text-align: left !important; font-weight: normal !important; }
.forgotBox p{ font-size: 18px; color: #3E3E3E; text-align: center; font-weight: 500;}
.forgotBox .haveAccountText p {
    font-size: 16px;
    font-weight: 400;
}
.otp-box{}
.otp-box .title h4 {
    font-size: 18px;
    font-weight: 500;}
.otp-box h3, .forgot-password-box h3{color: #000;}
.form-box .form-group label.container_chechout{font-weight: 400;    font-size: 12px;display: inline-block;    margin-right: 20px;}
.form-box  .form-group_chechout>label{margin-bottom:20px;}
.form-box .select2-container--default .select2-selection--single {
    border: 1px solid #B9B6B6;
    height: 45px;
    padding: 6px;
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
    outline: none;
}
.thanksBox i{ font-size: 120px; color: #82B109; line-height: 80px; }
.thanksBox h3{
    font-weight: 600;
    color: #3E3E3E;
    font-size: 32px;
}
.thanksBox p{ font-size: 16px; line-height: 26px; color: #2D2D2D; }
.thanksBox{
    border: solid 1px #ccc;
    border-radius: 20px;
    padding:45px 30px;
}
.form-box .select2-container--default .select2-selection--single .select2-selection__arrow{height: 44px;}
.form-box .btn-sumbit{
    font-weight: 500;
    font-size: 14px;
    padding: 10px 25px;
	    border-radius: 5px;}
.form-box .btn-sumbit.btn-lg{padding: 12px 25px;font-size: 16px;}
		.form-box a.btn{height:auto;}
.form-box a.btn img{width: 18px;}
.signup-box{    background: url(../images/sginup-bg.png)no-repeat;
    background-position: top center;}
.signp-with-social{position: relative;display:block;width:80%;margin:30px auto;}
.signp-with-social a{ display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    color: #fff;
    line-height: 24px;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 30px;
    margin-bottom: 15px;
    transition: 0.5s;
	position:relative;}
.signp-with-social a span{font-size: 18px;
    padding: 12px 25px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: block;
    width: 90px;
    text-align: center;}
.signp-with-social a:first-child{margin-left: 0px;}
.signp-with-social a.fb{background-color:#4267B2;}
.signp-with-social a.fb span{background-color: #05318B;}
.signp-with-social a.ins{background-color: #c14fbe;}
.signp-with-social a.gogle{background-color: #EA4335;}
.signp-with-social a:hover{/*text-decoration: none;transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);*/}
.signp-with-social a.gogle span{background-color:#CC1D0E;}
.or {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 20px auto;
}
.or:before {
    /*content: "";
    position: absolute;
    height: 1px;
    background-color: #e0e0e0;
    width: 100%;
    left: 0px;
    top: 20px;*/
}
.or span {text-transform: uppercase;
    background-color: #fff;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    display: block;
    margin: auto;
    z-index: 1;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    
}
.otp-box .form-group{ display: flex;
    width: 100%;
    align-self: center;
    justify-content: center;}
.otp-box .form-group .form-ctrl{ margin-left: 20px;
    text-align: center;
    height: 70px;
    width: 70px;
    font-size: 20px;
    border-radius: 10px;
    background: #F0F0F0;
    border: none;}
.otp-box .form-group .form-ctrl:first-child{margin-left: 0px;}
	.otp-text{}
	.form-box .otp-text p{color: #000; text-align: left;}
.resendin{    margin-top: -15px;text-align: right;}
.resendin p{color:#FF782C; font-weight: 400;}
.resend-otp{}
.resend-otp p{font-size: 16px;font-weight: 400;color:#333;}
.resend-otp p span{color: #000;}
.resend-otp p a{color: #FF782C;text-decoration: underline;}
.resend-otp p a:hover{text-decoration: none;}
.resend-otp p a img{    position: relative;
    margin-right: 8px;
    margin-top: -3px;}

.form-group-btn{}
.form-group-btn .btn{    position: absolute;
    right: 3px;
    bottom: 3px;
    top:3px;    width: 30%;
    border-radius: 4px;height: auto;padding: 8px 12px;
    font-size: 13px;}
	.form-box-register .form-group-btn .btn{ width:auto;}
.gender-row .container_chechout {
    display: inline-block;font-size: 14px;
    font-weight: 300;margin-right: 25px;}
.gender-row .container_chechout .checkmark {background-color: transparent;
    border-radius: 50%;
    border: 2px solid #da0e1a;
}
.gender-row .container_chechout .checkmark:after{border: none;background-color: #da0e1a;    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;}
.btn-submit{    font-size: 16px;
    padding: 10px 30px;
    height: 50px;
    font-weight: 500;}
.registration-form .to{position: absolute;
    right: -20px;font-size: 14px;
    bottom: 15px;}
.permanent-txt{color: #da0e1a;
    float: right;
    display: inline-block;text-decoration: underline;}
.mrgntp-btn{margin-top: 28px;}
.btn-width{width: 170px;margin:0px auto;position: relative;}

	.searchgroup .form_icon{bottom: 7px;}
/*================== table =================*/
.table {margin-bottom: 0px;
    display: table;
    text-align: left;
    width: 100%;
    border-collapse: separate;
}
.theader {display: table-row;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 6%);
    background-color: #fff;
    color: #000;}
.table_header {
    display: table-cell;
    padding:10px 5px;
    text-transform: capitalize;
    font-size: 15px;
    font-weight:600;
/*border-left: 1px solid #f0f0f0;*/}
.theader .table_header:first-child{/*border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/    border-left: none;}
.theader .table_header:last-child{/*border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;*/}
.table_row {display: table-row;}
.table_small {
    display: table-cell;
    padding:15px 5px;
    vertical-align:top;
    border-bottom: 1px solid #EBEBEB !important;
   /* border-left: 1px solid #f0f0f0;*/
}
.table_row > .table_small:first-child > .table_cell {
}
.table_row:last-child>.table_small{    border-bottom: none !important;}
.table_row > .table_small > .table_cell {
    color: #222;
    font-size: 14px;
    padding: 0px;
}
.table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    color: #333;
    text-transform: capitalize;
    font-weight: 400;
    text-align: left;}

/*======================= profile  ============================*/
.user_info{position: relative;}
.user_info .profile-pic{width: 130px;height: 130px;margin-right: 25px;}
.user_info .profile-pic img{width: 130px;height: 130px;border-radius: 50%;object-fit: cover;}
.my-profile .heading-title .txt-rgt{}
.my-profile .heading-title .txt-rgt a{    border-radius: 4px;
    padding: 5px 15px;
    height: auto;
    text-transform: inherit;
    font-size: 12px;
    font-weight: 400;}
.my-profile .heading-title .txt-rgt a img{    width: 15px;
    margin-right: 5px;}

/*======================= Edit profile ======================*/
/*=============================*/
.upload-doc-item{position: relative;width: 100%;height: 100%;}
.upload-box{position: relative;}
.image-upload{
    position: relative;
        width:100%;height: 100%;
  margin: 0 auto;
}
.image-upload input {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        display: none;
    }
.upload-field {height: 100%;
      width: 100%;
}

.upload-field .file-thumbnail {
  cursor: pointer;
    width: 100%;height: 100%;
}

.upload-field .file-thumbnail img {
  width: 100%;
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
}

.upload-field .file-thumbnail h3 {
        font-size: 14px;margin-bottom: 0px;
}

.image-upload h5 {text-align: center;
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.profile-pic  #filename{display: none;}
.profile-pic .edit-pic{ position: absolute;
    background-color: #98D644;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
    bottom: 10px;
    right: -4px;
    font-size: 16px;
    z-index: 1;}
.profile-pic .edit-pic>img{width: 14px;
    height: 14px;
    border-radius: 0px;
    object-fit: contain;}

/*.banner-wrap{position: relative;
    height: 600px;
    width: 100%;
    background: #fff url(../images/dots-shap.png)no-repeat;
    background-position: top left;
    background-size: 70px;}
.doctor-banner {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 50%;
}
.doctor-banner>img {
    width: 100%;
}
.banner-dec {
    position: relative;
    margin-top: 70px;
}
.banner-dec h2 {
    font-size: 44px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 20px;
}
.banner-dec p {
    font-size: 18px;
    color: #7D7987;
    font-weight: 300;
    line-height: 32px;
    padding-right: 80px;
}*/
.title-header{position: relative;margin-bottom: 20px;}
.title-header h3{font-size: 24px;font-weight: 500;}
.title-header .btn-link{padding-right: 0px;font-size: 14px;}
.btn-check:focus+.btn, .btn:focus {
     box-shadow:none;
}
.main{position: relative; display: flex; background: #F3F0E9;}
.sidebar-header{
    position:sticky;
    width: 290px;
    background-color: #F3F0E9;
    top: 0px;
    bottom: 0px;
    left: 0px;
    height: 100vh;
    overflow-y: hidden;
    padding: 20px;
    z-index: 1021;
    box-shadow: none;
    clip-path: inset(0px -10px 0px 0px);
    border-right: 1px solid #0000002b;
    }
.sidebar-brand{position: relative;width: 100%;margin-bottom: 45px;}
.navigation{position: absolute;
    left: 20px;
    top: 30px;
    z-index: 1022;}
.navigation>img{width: 20px;
    height: 20px;
    object-fit: contain;
    cursor: pointer;}
.sidebar-brand>a{display: block;width: 100%;}
.sidebar-brand>a>img{width: 100px;
    margin: 10px auto;
    display: block;}
.siderbar-menu{position: relative;width: 100%;height: 100%;}
.nav-menu{position: relative;height: 100%;}
.nav-menu li{display: block;margin-bottom:16px;}
.nav-menu li a{display: block;position: relative;
    font-weight: 400;
    color: #3E3E3E;border-radius: 4px;
    font-size: 15px;
    padding:10px 15px 10px 50px;}
.nav-menu li a[aria-expanded='true']{ background-color: #ECFFF6; color: #98D644; }
.nav-menu li a span{}
.nav-menu li a em{    position: absolute;
    right: 10px;
    top: 15px;}
.nav-menu li a>img{    width: 18px;
    height: 18px;
    object-fit: contain;
    position: absolute;
    left: 15px;
    top: 12px;}
.nav-menu li a> .img-hover{opacity: 0;}
.nav-menu li a:hover{background-color: #98d644;color: #000;}
.nav-menu li.active>a{background-color: #98D644;color: #000;font-weight: 500;}
.nav-menu li.active>a>.img-hover{opacity: 9;}
.content{position: relative;width: 100%;}
.nav-menu li a:hover> .img-hover{opacity: 9;}
.navbar-light .navbar-nav .notification-nav-item{margin-right: 30px;}
.navbar-light .navbar-nav .notification-nav-item .nav-link{    
    text-align: center;
    border-radius: 50%;
    color: #000;
}
.navbar-light .navbar-nav .notification-nav-item .nav-link>i{margin-right: 0px;}
.navbar-light .navbar-nav .notification-nav-item .nav-link:after{display: none;}
.navbar-light .navbar-nav .notification-nav-item .dropdown-menu{min-width: 22em;
    padding: 15px;
    max-height: 410px;
    overflow-y: auto;}
.navbar-light .navbar-nav .notification-nav-item .dropdown-menu li{border-bottom: 1px solid #ddd;padding: 10px 0px}
.navbar-light .navbar-nav .notification-nav-item .dropdown-menu li:last-child{border-bottom:none;}
.navbar-light .navbar-nav .notification-nav-item .dropdown-menu li p{font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    color: #000;}
.navbar-light .navbar-nav .notification-nav-item .dropdown-menu li p.notification-date{font-size: 10px;font-weight: 300;}
.navbar-light .navbar-nav .notification-nav-item .dropdown-menu li>a.btn{border-radius: 30px;padding: 4px 20px;}
.side-sub-menu{padding: 10px;
    background-color: #ecfff6;
    border-radius: 4px;}
.side-sub-menu li{list-style: none;display: block;margin-bottom: 0px;}
.side-sub-menu li a{font-size: 13px;
    padding: 10px 10px;}
.side-sub-menu li:first-child a{ border-top: solid 1px #E8E8E8; border-radius: 0; }
.side-sub-menu li.active> a{font-weight: 600;background-color: transparent;
    color: #000;
    background-image: none;}
.dashboard-title{position: relative;}
.greyBox2 {
    background: #FBFAFA;
    padding: 10px;
    border-radius: 5px;
}
.dashboard-title h3{font-size: 35px;font-weight: 500;margin-bottom: 25px;}
.map-marker-title{margin-left: 20px;}
.map-marker-title{color: #000;}
.map-marker-title a{text-decoration: underline;color: #458DFC;}
.map-marker-title a:hover{text-decoration: none;}
.media-dashboard{
    border-radius: 5px;
    background: #FFF;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.10);
    
    margin-bottom: 20px;
    position: relative;
}
.media-dashboard:last-child{ margin-bottom: 0; }
.dashboard-icon{    width: 35px;
    height: 35px;
    background-color: #F9F9F9;
    border-radius: 50%; margin-right: 8px;}
.dashboard-icon>img{width: 100%;height: 100%;object-fit: contain;}
.media-dashboard p{font-size: 12px;font-weight: 400; line-height: 16px; margin-top: 5px; color: #4B4B4B;}
.media-dashboard h6{
    font-size: 14px;
    font-weight: 600;
    color: #4B4B4B;}
.shap-bg{    width: 26px;
    height: 36px;
    background-color: #458DFC;
    position: absolute;
    right: 15px;
    top: 0px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;}
.primary-shap-bg{background-color: #458DFC;color: #fff;
    background-image: linear-gradient(180deg,#458DFC 100%,#4089ED 100%);}
.success-shap-bg{background-color: #54CA41;}
.danger-shap-bg{background-color: #FF0000;}
.chart-card{border: 1px solid #BBBBBB;}
.chart-card .card-header {
    background-color: #fff;
    border-bottom: none;
}
.chart-card .card-header h6{font-weight: 500;}
.chart-card .card-header .form-box .form-group {margin-bottom: 10px;}
.chart-card .card-header .form-box .form-ctrl {
    border: 1px solid #000;
    height: 36px;
    border-radius: 30px;
}
.chart-area{height: 165px;}
.chart-bar{height: 243px;}
.test-dashboard-card{position: relative;    margin-bottom: 20px;}
.test-dashboard-card>h4{    font-weight: 600;
    font-size: 18px;}
.test-dashboard-card>h4>a{font-size: 14px;font-weight: 500;color: #458DFC;}
.test-card-body{    position: relative;
    padding: 15px;
        background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    border-radius: 6px;}
.test-card-body h6{font-size: 14px;
    font-weight: 400;}
.test-card-body .btn{font-size: 12px;
    border-radius: 30px;
    font-weight: 300;
    padding:8px 15px;}
.test-card-body .btn-sm{padding: 5px 20px;}
.test-card-body h5{font-size: 14px;
    font-weight:600;}
.test-card-body h5 .small{font-weight: 400;font-size: 11px;}
.test-card-body p{font-size: 10px;line-height: 18px;color: #000;}
.transaction-box{border: 1px solid #E1E1E1;margin-bottom: 5px;
    padding: 10px;
    border-radius: 6px;}
.transaction-box h6{}
.transaction-box h6 .btn-success{margin-left: 10px;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 10px;}
.transaction-box h5{
    border-bottom: 1px solid #FFCFCF;
    padding-bottom: 10px;
}
.transaction-box p{margin-bottom: 4px;}
.transaction-box p span.text-red{color: #F25264;}
/*
.ledger-card{position: relative;padding: 15px 35px 10px;margin-bottom: 20px;border: 1px solid #458DFC;border-radius: 4px;margin-right: 30px;}
.ledger-card h6{font-size: 14px;color: #458DFC;font-weight: 400;}
.ledger-card h4{font-size: 22px;color: #458DFC;font-weight: 700;}
.ledger-card h4>i{font-size: 20px;}
.ledger-chart-area{height: 320px;}
.ledger-tabs-nav{margin-bottom: 25px;}
.ledger-tabs-nav>li{margin-right: 30px;}
.ledger-tabs-nav>li:last-child{margin-right: 0px;}
.ledger-tabs-nav .nav-link{font-weight: 400;color: #858585;font-size: 18px;padding: 30px;border: 1px solid #858585;}
.ledger-tabs-nav .nav-link>.ledger-media-icon{width: 45px;height: 45px;position: relative;display: inline-block;margin-right: 10px;}
.ledger-tabs-nav .nav-link>.ledger-media-icon>img{width: 100%;height: 100%;object-fit: contain;}
.ledger-tabs-nav .nav-link>.ledger-media-icon>img.active-icon{opacity: 0;position: absolute;top: 0px;left: 0px;}
.ledger-tabs-nav .nav-link>img.active-icon{opacity: 0;position: absolute;top: 0px;left: 0px;}
.ledger-tabs-nav .nav-link.active, .ledger-tabs-nav .show>.nav-link {
   border: 1px solid #458DFC;
    background-color: #fff;font-weight:600;color: #458DFC;}
.ledger-tabs-nav .nav-link.active>.ledger-media-icon>img{opacity: 0;}
.ledger-tabs-nav .nav-link.active>.ledger-media-icon>img.active-icon{opacity: 9;}
.ledger-title-header{margin-bottom: 10px;}
.ledger-title-header h4{color: #000;font-size: 18px;margin-bottom: 0px;}
.ledger-bank-listing .bank-item-alert{border: 1px solid #000;
    padding: 15px 15px 10px;
    border-radius: 6px;}
.ledger-bank-listing .bank-item-alert h5 {font-size: 14px;}
.ledger-bank-listing .bank-item-alert p {font-size: 11px;line-height: 16px;}
.ledger-bank-listing .edit-delete .edit-btn {margin-right: 8px;}
.ledger-bank-listing .edit-delete .edit-btn .btn { padding: 2px; display: inline-block;}
.ledger-bank-listing .edit-btn .btn>img {vertical-align: bottom;}*/
.table-card{position: relative;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e5e5e5;}
.table-reponsive{overflow-y: auto;width: 100%;}
.table-reponsive>table{border-collapse: collapse;width: 100%;}
.table-reponsive>table th{font-size: 16px;font-weight: 500;color: #5F5F5F;padding: 20px;}
.table-reponsive>table td{padding: 15px 15px;}
.table-reponsive>table h6{font-size: 12px;font-weight: 400;color: #252525;margin-bottom: 2px;}
.table-reponsive>table p{color: #252525;margin-bottom: 0px;}
.table-reponsive>table p strong{font-weight: 500;}
.Tdownload-icon{margin-right: 15px;float: right;}
.Tdownload-icon>img{    width: 14px;
    height: 14px;
    object-fit: contain;
}
.table-reponsive>table thead tr:first-child>th:first-child{border-top-left-radius: 12px;}
.table-reponsive>table thead tr:first-child>th:last-child{border-top-right-radius: 12px;}
.table-reponsive>table tr:first-child>th:first-child{border-top-left-radius: 12px;}
.table-reponsive>table .table-light{background-color: #F9FBFF;}

/*============ my profile ==========*/
.account_dashboard{position: relative;}
.account_dashboard .login-white-box {
    position: relative;
    padding: 30px 20px;
    border-radius: 18px;
    box-shadow: 0px 0px 26px 0px rgb(0 0 0 / 5%);
}
.account_dashboard  .form-box .form-group label {
    font-size: 14px;
}
.account_dashboard .form-box .form-ctrl {height: 48px;}
.account_dashboard .form-box textarea.form-ctrl {    height: 90px;}
.name_info{width: 100%; margin-bottom: 25px;
    /*border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 15px 15px;
    background-color: #f2f0f6;*/}
.name_info .media-left{display: table-cell;padding-right:5px;}
.name_info .profile-pic{       width: 125px;
    height: 125px;
    border: 2px solid #FDF7F2;
    border-radius: 50%;
position: relative;}
.name_info>.profile-pic>img{width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.name_info .media-body, .name_info .media-right{display: table-cell;vertical-align:middle;
    padding-left: 10px;    width: 100%;}
#account-btn{float: right; display: none;}
.name_info h5{  color: #000;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600;}
.name_info p{    font-size: 13px;
    color: #5E6264;
    margin-bottom: 4px;
    line-height: 20px;}
	.name_info p strong{font-weight: 500;color:#252626;}
.name_info h6{font-size: 14px; color: #121111;    font-weight: 400;}
.name_info h6 strong{color: #9bbb58;}
.profile-info{position: relative;}
.profile-info p{font-weight: 400;color: #393939;}
.profile-info p strong{font-weight: 600;}
.name_info h4{margin-bottom: 10px;}
.name_info p{font-size: 12px;line-height: 20px;}
/*============== Edit =================*/
.mr-2{margin-right: 10px;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
   opacity: 0;
    -webkit-appearance: none;
   
}
input[type='date']{ background: url(../images/celender-icon.png)no-repeat;
        background-position: right 20px center;
    background-size: 16px;}
.name_info .upload-box{width: 190px;
    height: 190px;margin-bottom: 30px !important;}
.upload-box .edit-pic {bottom: -15px;
    right: 38%;}
.page-header {
    position: relative;
    margin-bottom: 20px;
}
.page-header h3 {
    color: #3E3E3E;
    font-weight: 500;
    font-size: 26px;
}
.page-header h3 i{
    color: #000;
    margin-right: 12px;
    vertical-align: middle;
    font-size: 38px;
    line-height: 30px;
    
}
.page-header h3 small{ font-size: .720em; }
.page-header h4{font-size: 22px;font-weight: 600;}
.add-link{position: relative;}
.add-link>a{color: #98D644;font-size: 14px;font-weight: 400;}
.underline-none{text-decoration: none;}
.form-box-dashboard .form-ctrl {
    background-color: #fff;
    border: 1px solid #BBBBBB;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.form-box-dashboard .number-code{border: 1px solid #BBBBBB;
    border-radius: 30px;}
.form-box-dashboard .number-code .form-ctrl {
    border: none;
}
.form-box-dashboard .number-code select.form-ctrl {
    border-right: 1px solid #BBBBBB;border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.form-box-dashboard .btn-sumbit{font-weight: 400;}
.form-box-dashboard .btn-sumbit.btn-lg{font-size: 16px;padding: 10px 25px;}
.edit-btn{}
.edit-btn a.btn{}
.edit-btn a.btn>img, .edit-btn a>img{width: 15px;
    height: 15px;
    object-fit: contain;}
.form-box-dashboard .searchgroup .form-ctrl {padding-left: 40px;
    padding-right: 40px;}

/*==============congrulations=================*/
.congrulations{position: relative;}
.congrulations h3{color: #000;font-weight: 700;font-size: 26px;}
.congrulations p{color:#4B4B4B;font-size: 16px;margin-bottom: 25px;}
.congrulations-img{width: 110px;
    height: 100px;
    margin: 10px auto 20px;}
.congrulations-img>img{width: 100%;height: 100%;object-fit: contain;}
.congrulations .btn{border-radius: 30px;    padding: 8px 20px;}
.congrulations .btn-lg{font-size: 16px;font-weight: 400;}

/*======================= Location Management =================*/
.location-box{position: relative;}
.location-box>iframe{width: 100%;height: 300px;border-radius: 4px;margin-bottom: 20px;}
.location-box h4{font-weight: 500;color: #323232;font-size: 20px;}
.location-box .edit-btn .btn{padding: 0px;}
.location-box .edit-btn .btn>img { width: 20px; height: 20px;}
.no_data_found{position: relative;margin-bottom: 20px;padding: 30px 0px;}
.no_data_found h3{font-size: 35px;font-weight: 400;}

/*============== contact detail form ===================*/
.form-box .form-group label.btn{border-radius: 30px;
    font-weight: 400;
    padding: 11px 15px;
    border-color:#858585;}
.form-box .form-group label.btn:hover{background-color: #458DFC;
    background-image: linear-gradient(180deg,#458DFC 100%,#4089ED 100%);
    border-color: #458DFC;color: #fff;}
.btn-check:checked+label.btn-outline-primary{background-color: #458DFC;
    background-image: linear-gradient(180deg,#458DFC 100%,#4089ED 100%);
    border-color: #458DFC;}



/*============== have a query ===================*/
.qaery-item{position: relative;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    border-radius: 6px;margin-bottom: 20px;}
.qaery-header{position: relative;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 15px;}
.qaery-header h4{font-size: 18px;color: #000;}
.qaery-header h4 .btn-sm{border-radius: 30px;
    font-size: 12px;
    padding: 4px 20px;}
.qaery-item p{color: #000;}
.qaery-item p span{color: #808080;font-size: 12px;}

/*============================= notification =======================*/
.notification-list{position: relative;}
.notification-icon{width: 50px;
    background-color:#f0f0f0;
    text-align: center;
    height: 50px;
    padding: 12px;
    border-radius: 50%;}
.notification-list .media{border-bottom: 1px solid #ddd;    margin-bottom: 20px;}
.notification-list .media:last-child{border-bottom: none;}
.notification-icon img{}
.notification-list h5{font-size: 15px;
    font-weight: 500;
    color: #000;}
.notification-list p{font-size: 13px;
    color: #444444;
    font-weight: 400;
    line-height: 22px;}
.notification-list .media-body{padding-left: 10px;}
.notification-list .media .media-left, .notification-list .media .media-body {
    vertical-align: top;
}
.notification-list p.notification-date{    font-size: 10px;
    color: #458DFC;
    font-weight: 600;}



.headprofiletext{ display: block; font-size: 11px; color: #6C6C6C; }
.headprofiletext small{ display: block; }
.navbar-expand-lg .mobile-nav .login-drop .dropdown-toggle::after{
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
    margin-left: 1.255em;
}
.leftNav ul li a{ color: #6C6C6C; }
.leftNav ul li a.active{ color: #000; }

.dashboardTitleBox{border-radius: 16px;
    padding: 12px 10px;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;}
.btnDashboard{  }
.groups-btns.btnDashboard .btn{ 
    border-radius: 0;
    font-size: 11px;
    border: none;
    margin: 0;
    width: 35%; 
    border-radius: 0 0 0 5px;   
}
.groups-btns.btnDashboard1 .btn{ width: 100%; border-radius: 0; font-size: 11px; border: none; margin: 0; border-radius: 0 0 5px 5px; }
.groups-btns.btnDashboard .btn+.btn{ width: 69%; border-radius: 0 0 5px 0; }
.alert-warning-small{ font-size: 9px; background: #FFC70073; color: #000; font-weight: 500; border-radius: 4px; padding: 3px 3px; }
.alert-warning-small span{ padding: 2px 4px; display: inline-block; border-radius: 4px; font-weight: 400; margin-left: 5px; } 

.dashboard-tabs-nav{
    background: #fff;
    padding: 10px;
    border-radius: 30px;
    width: auto;
    gap:20px;
    display: inline-flex;
}
.dashboard-tabs-nav li a.nav-link{ background: #F6F6F6; border-radius: 30px; color: #2D2D2D; padding: 12px 30px; font-size: 16px; }
.dashboard-tabs-nav .nav-link.active, .dashboard-tabs-nav .show>.nav-link {
    color: #fff;
    background-color: #73AF72;
}
.blueBg{ background: #0095FF; }
.yellowBg{ background: #EBB700; }
.greenBg{ background: #6C9E00; }
.darkgreenBg{ background: #008F7A; }
.lighteGreenSemiBg{ background: #73AF72; }
.lighteGreenBg{ background: #ACCC78; }
.pinkBg{ background: #FF6F6F; }
.userWhiteBox{     background: #fff;
    border-radius: 9px;
    background: #FFF;
    box-shadow: 6px 6px 10px 0px rgba(19, 19, 19, 0.10);
    padding: 15px;
    min-height: 310px; }
.dashboardMain{
    background: #f3f0e9;
    padding: 30px;
    }
.pl0{ padding-left: 0;}
.counting{
        /*position: absolute;
        top: 15px;*/
        background-color: #0095FF;
        color: #fff;
        width: 22px;
        height: 22px;
        display: block;
        right: 5px;
        border-radius: 50%;
        text-align: center;
        font-size: 12px;
        line-height: 22px;
        font-style: normal;
}
.checkCounting{    width: 16px; height: 16px; position: inherit; display: inline-block; line-height: 16px; }
.usernameBox{ position:inherit; width: 71%; }
.userWhiteBox h4{ font-size: 15px; font-weight: 600; color: #3E3E3E; text-align: center; margin: 5px 0 10px;}
.viewText{ color: #0095FF; text-decoration: none; font-size: 13px; font-weight: 500; }
.pendingBox p{color: #3E3E3E; font-size: 12px; line-height: 16px; margin-top: 0; }
.pendingBox p strong{ font-weight: 600; }
.pendingBox{ padding: 10px; }


.wlcome-login {
    position: relative;
    background:#dbddd8;
    border-radius: 15px;
    height: 100%;
    padding: 100px 40px;
}
	.form-box-register-space .form-group-file .upload-doc-item {height: 38px;}
	.form-box-register-space .form-group-file  .image-upload{padding:10px 10px;}
.form-box-login .title h4{ font-size: 34px; font-weight: 400; color: #3E3E3E; }

.testimonialBox{ background: #4DA980; border-radius: 20px; padding: 30px; color: #fff; }
.testimoimg{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}
.testimonialBox h5{ margin-bottom: 0; color: #fff; }
.testimonialBox p{ color: #fff; font-size: 13px; line-height: 22px; }

.login-wrap{ background: #F3F0E9; }
.login-wrap .thanksBox .btn{ padding: 11px 20px; }
.table-bordered > :not(caption) > * > *{ border-width: 1px 0; }
.table tr th{border-top: none;font-weight: 500;}
.table tr th, .table tr td{padding: 10px;border-color: #F3F3F3;vertical-align: middle;}

.inventoryBadge i{ color: #98D644; margin-left: 2px; font-size: 16px; cursor: pointer; }
.listDropdown{ color: #3E3E3E; font-size: 22px; }
.listDropdown:hover{ color: #98D644; }
.viewText{ font-weight: 500; }
.rightColumnDrop{ 
    position: relative;
}
.rightColumnDrop select{
    border-radius: 40px;
    box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.10);
    color: #98D644;
    font-size: 16px;
    border: none;
    font-weight: 500;
    padding: 10px 40px 10px 50px;
    cursor: pointer;
}
.formIcons{
    position: absolute;
    top: 8px;
    left: 20px;
    width: 20px;
}
.listFilter input{ color: #98D644; }
.listFilter input::placeholder{ color: #98D644;font-weight: 500; }
.listFilter .input-group{ border-radius: 10px; border: 1px solid #CACACA; background: #FFF; height: 48px; font-weight: 500; color: #98D644; }
.listFilter .input-group input{ border-radius: 10px; height: auto; }
.listFilter .input-group .input-group-append{ 
    width: 20%;
    text-align: center;
    display: flex;
    justify-content: right;
    align-items: center;
    padding-right: 15px;
}
.searchBtn{
    border-radius: 25px;
    color: #98D644;
    padding: 0 !important;
    font-size: 18px;
}
.listFilter select, .listFilter input{ font-size: 14px; border-radius: 10px; border: 1px solid #CACACA; height: 48px; color: #98D644; font-weight: 500; }
.calendarInput input{ padding: 10px 40px 10px 10px; color: #707070; }
.calendarInput input::placeholder{  color: #707070; }
.calendarInput .formIconsinner{ right: 12px; left: auto;  }
.calendarInput i{ color: #707070; font-size: 18px; }
.formIconsinner{
    position: absolute;
    top: 13px;
    left: 12px;
    width: 16px;
}
.listFilter .btn{ padding: 12px 9px; font-size: 13px; }

.classic_editor hr {
    background-color: #0000001A;
}
.classic_editor {
    min-height: 520px;
    border-bottom: 1px solid #0000001A;
    margin-bottom: 20px;
}
 
.tags_editor a {
    display: inline-block;
    background: #F5F5F5;
    border-radius: 8px;
    padding: 7px 15px;
    margin-bottom: 10px;
    margin-right: 6px;
}
.tags_editor a img {
    width: 15px;
    margin-right: 4px;
    height: 15px;
}

.right-btns-dropdown .dropdown-toggle::after{ display: none; }
/*.right-btns-dropdown .dropdown-menu{ min-width: 8rem; }*/
.column-btns .dropdown .btn{box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 5%);color: #98D644;padding: 12px 20px;font-size: 14px; font-weight: 500; background: #fff; }
.column-btns .dropdown .btn>img{width: 18px;height: 18px;object-fit: contain; margin-right: 5px;}
.column-btns .dropdown .dropdown-menu li .dropdown-item img{width: 15px;height: 15px;object-fit: contain;}
.column-btns .dropdown .form-filter-drop{padding: 15px;
    min-width: 15rem;
    right: 0px !important;
    left: inherit !important;}
.column-btns .dropdown .form-filter-drop .form-filter .form-check-input {
    width: 1.2em;
    height: 1.2em;
}
.column-btns .dropdown .form-filter-drop .form-filter .form-group {
    margin-bottom: 10px;
}
.greyBox{
    background: #F9F9F9;
    padding: 20px;
}
.greyBox h5{
    font-size: 22px;
    font-weight: 600;
    color: #2D2D2D;
}
.greenborder{ border-color: #B3E2CD !important; }

.tabsBlue{
    border-radius: 10px;
    background: #FFF;
    padding: 15px;
    gap: 10px;
}
.tabsBlue .nav-link.active, .tabsBlue .show>.nav-link{
    background: #0095FF;
}
.tabsBlue .nav-link{
    padding: 13px 10px;
    border-radius: 10px;
    background: #F4F4F4;
    color: #2D2D2D;
}
.descriptionBox1{ width: 15%; }
.descriptionBox2{ width: 100%; }
.descriptionBox3{ width: auto; }
.descriptionBox1 input{ text-align: center; }
.descriptionBoxMain{ gap:10px; align-items: center; }
.checkboxList .form-check-input{
    border: solid 1px #ccc;
    background: #fff;
    vertical-align: bottom;
}
.checkboxList .form-group {
    margin-bottom: 10px;
    position: relative;
}
.formSmallText{
    color: #646464;
    font-size: 10px;
    font-weight: 400;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    margin-left: 10px;
}
.plusIcon{
    position: absolute;
    top:8px;
    right: 10px;
    border-radius: 4px;
    height: 35px;
    display: inline-block;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4;
    font-size: 30px;
}
.plusIcon i{
    line-height: 30px;
}
.propertyNameBox{
    background-color: #fff;
    border: 1px solid #B3E2CD;
    font-size: 14px;
    height: 52px;
    border-radius: 10px;
    padding: 0.375rem 0.45rem 0.375rem 0.975rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.addMore{
    width: 40px;
    height: 40px;
    background-color: #98D644;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    border-radius: 5px;
}
.addMore:hover { opacity: .7; color: #fff; }
.deletProperty{
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    left: 0px;
    color: #98D644;
    background: #fff;
    padding: 0;
}
.addProperyName{
    display: flex;
    justify-content:space-between;
    align-items: center;
    gap:20px;
}
.deletProperty:hover{ color:#98D644; }

.formBoxWhite{
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.width100{ width: 100%; }
.formBoxWhite .main_btn .btn{ font-size: .9rem; }
.addMorePropertyBox, .addProperyName{
    background-color: transparent;
    border: none;
    padding: 0;
    border: none;
    margin: 0;
}
.deletProperty{
    padding: 0 !important;
    position: initial !important;
}
.table>:not(:last-child)>:last-child>*{
    border-bottom-color: inherit;
}
.form-filter .btn-sumbit {
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 5%);
}
.btn-white {
    background-color: #fff;
    color: #303030;
    border: 1px solid #fff;
}
.btn-white:hover {
    background-color: #eee;
    color: #303030;
    border: 1px solid #eee;
}

/*************Upload Buttons**********/

.file-form-control .upload-doc-item {
    position: relative;
    width: 100%;
    height: 48px;
    border: 1px solid #E0E0E0;
    border-radius: 10px;}
.file-form-control .upload-field .file-thumbnail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px;
}
.file-form-control .upload-field .file-thumbnail img {border-radius: 10px;
    display: none;
}
.file-form-control .upload-field .file-thumbnail h6 {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #949494;
}
.Upload-btn{position: relative;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 12px;}




/**********Thanks Css**********/
.congrulations{position: relative;}
.congrulations-img{width: 110px;
    height: 100px;position: relative;
    margin: 10px auto 20px;}
.congrulations-img>img{width: 100%;height: 100%;object-fit: contain;}
.congrulations .btn{border-radius: 30px;    padding: 8px 30px;}
.congrulations .btn-lg{font-size: 16px;font-weight: 400;}
svg {
  display: block;
}
.congrulations-img svg{position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;}
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  &.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
  }
  &.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
  }
  &.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

/************Vendor Details**************/

.my-vender-item{position: relative;border: 1px solid #DADADA;border-radius: 10px;padding: 20px;margin-bottom: 25px;}
.my-vender-item .preview{width:92%;margin: 0px 0px 0px;}
.my-vender-item .detail-gallery .thumb-product {height: 160px;}
.my-vender-item .bdr-lft{border-left:1px solid #DADADA;}
.my-vender-body{padding-left: 30px; }
.my-vender-body h4{font-weight: 600;margin-bottom: 12px;}
.my-vender-body h4 span.small{font-weight: 500;font-size: 13px;}
.my-vender-body .profile-info h6 a.btn-link{font-weight: 500;}
.my-vender-body .profile-info h6 a.btn-link:hover{text-decoration: none;}

#MyProductsShared .product-item {
    border: 1px solid #f1f1f1;
}
.gallery-control:before{ /*position: absolute; left: 0px; background: #fff; top: 0px; width: 120px;height: 500px; content: "";*/}

.detail-info {
  margin-left: -65px;
  position: relative;
  z-index: 99;
  padding-top: 45px;
}
.gallery-control {
    /*width: 110px;
    position: absolute;
    top: 0;
    left: 0;*/
    padding: 10px 10px 0 10px;
    /*border:1px solid #f0f0f0;*/
    /*height: 525px;*/
    background-color: #fff;

}
.gallery-control .list-none{
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style: none;
    z-index: 1;
}
.gallery-control .list-none li:first-child{}
.gallery-control .list-none li{ 
    overflow: hidden;
    float: left;
}
.gallery-control .list-none li a{display: block;
    margin: 0 5px;
    /* margin-top: 10px; */
    text-align: center;
    border-radius: 15px;
    overflow: hidden; }
.gallery-control .list-none li a.active{border:1px solid #ddd;}
.control-button-gallery {display: none;}
.control-button-gallery .prevMe {
    position: absolute;
    bottom: 8%;
    left: 0;
}
.control-button-gallery a {color: #98D644;
    z-index: 10;
    font-size: 18px;
    background: #fff;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #98D644;
    border-radius: 4px;
}
.control-button-gallery .nextMe {
    position: absolute;
    bottom: 8%;
    right: 0;
}
.gallery-control .carousel{ margin: 0 auto; }
.control-button-gallery .next{position: absolute;
    bottom: 16px;
    left: 33%;}
.detail-gallery .thumb-product {
  position: relative;    /*margin-left: 10px;*/
    height: 200px;
    overflow: hidden;
    background-color: #EEEDF2;
    border-radius: 10px;
}
#facnyBoxitem{height: 100%;width: 100%;}
.fancyZoom{display: block;height: 100%;}
.detail-info .product-rate:after {
  display: none;
}
.gallery-control .list-none li img{/* height:85px;*/     object-fit: contain;}
.carousel-control-next, .carousel-control-prev{opacity: 9;}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #98D644;}
.carousel-control-next-icon{background-image: url(../images/next-icon.png);background-repeat: no-repeat;}
.carousel-control-prev-icon{background-image: url(../images/prev-icon.png);background-repeat: no-repeat;}
		.thumb-product img{ width: 100%; height: 100%; object-fit:contain;}	

	.slideshow {
  display: flex;
  height: 80vh;
  width: 80vw;
  max-width: 1240px;
  min-height: 400px;
  max-height: 700px;
  position: relative;
  background-color: #fff;
  padding: 20px;
}
.slideshow__gallery {
  height: 100%;
  width: calc(80% - 20px);
  margin-right: 20px;
}
.slideshow__gallery-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
.slideshow__gallery-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 32px;
  color: #fff;
  letter-spacing: 3.2px;
  transform: translate3d(0, 0, 0);
  will-change: font-size;
  transition: font-size .3s ease;
}
.slideshow__gallery-slide.active {
  font-size: 36px;
}
.slideshow__thumbs {
  height: 100%;
  width: 20%;
}
.slideshow__thumbs-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
.slideshow__thumbs-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  will-change: font-size;
  transition: font-size .3s ease;
}
.slideshow__thumbs-slide.active {
  font-size: 26px;
}

.product-title{position: relative;margin-bottom: 30px;border-bottom: 1px solid #EBEBEB;padding-bottom: 10px;}
.product-title h3{font-size: 24px;color: #2D2D2D;}
.border-row{border-bottom: 1px solid #EBEBEB;border-top: 1px solid #EBEBEB;position: relative;padding-top: 20px;padding-bottom: 15px;margin-bottom: 20px;}
.border-row  .profile-info {margin-bottom: 10px;}
.border-row .profile-info p a{text-decoration: underline;}
.border-row .profile-info p a:hover{text-decoration: none;}
.form-box .form-switch-right .form-check-input{margin-left: 0px;margin-right: 0px;width: 50px;background-repeat: no-repeat;}
.form-box .form-switch-right{
    padding-left: 0px;
}
.btn-circle{padding: 5px;
    border-radius: 50%;
    width: 46px;
    height: 42px;
    font-size: 20px;}
/*================ Factory Detail===============*/
.factory-detail-item{position: relative;}
.factory-detail-tmb{width: 170px;position: relative;
    height: 170px;
    overflow: hidden;
    border-radius: 50%;
    MARGIN: 0px auto;}
.factory-detail-tmb>img{width: 100%;height: 100%;object-fit: cover;}
.factory-tmb-overlay{position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 45%);
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;}
.factory-tmb-overlay>a{color: #fff;font-size: 20px;}
.factory-detail-tmb .my-vender-body{padding-left: 0px;}
.my-vender-body h3{font-size: 30px;}
.factory-detail-item .profile-info{}
.factory-detail-item .profile-info p{color: #2D2D2D;}
.factory-detail-item .profile-info h5{font-size: 18px;}
.factory-media-box{position: relative;box-shadow: 2px 2px 32px 0px rgb(0 0 0 / 4%);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;}
.machine-img{position: relative;width: 90px;margin-right: 20px;height: 90px;border-radius: 10px;margin-bottom: 5px;border: 1px solid #D1D1D1;overflow: hidden;}
.machine-img>img{width: 100%;height: 100%;object-fit: cover;}
.factory-media-box h4{font-size: 18px;}
.factory-media-box h5{font-size: 15px;}
.factory-media-box h6{font-size: 14px;}
.factory-media-box .media .media-left{padding-right: 0px;}
.factory-media-box .media .media-body{padding-left: 0px;}
.list-menu{}
.list-menu>li{margin-right: 12px;margin-bottom: 10px;}
.list-menu>li:last-child{margin-right: 0px;}
.list-menu>li>a{display: block;
    padding: 7px 18px;
    color: #98D644;
    font-weight: 500;
    font-size: 13px;
    border: 1px solid #E0E0E0;
    border-radius: 30px;}
.list-menu>li>a:hover{border: 1px solid #98D644;color: #fff;background-color: #98D644;}
.certificates-rgt-box .machine-img{width: 130px;}
.tabs-nav-border{}
.tabs-nav-border .nav{}
.tabs-nav-border .nav .nav-link{border-radius: 0px;
    font-size: 14px;
    color: #ACACAC;
    font-weight: 400;
    padding: 12px 25px;
background-color: transparent;
border-bottom:2px solid #d7d7d7;}
.tabs-nav-border .nav .nav-link.active, .tabs-nav-border .nav .show.nav-link{color: #98D644;border-bottom: 2px solid #98D644;color: #98D644;}
.btn-normal {
    font-size: 14px;
    padding: 11px 13px;
}
.vendor_list .table tr td .btn{
    border-radius: 25px;
    font-size: 12px;
    width: 120px;
    text-align: center;
    padding: 11px 0;
}
.thumb-product .carousel-item { height: 100%; }
.login-white-box .detail-gallery .carousel-inner img{ width: 100%; }


/*************Vendor Product*************/
.quotesBox .dropdown .dropdown-toggle::after{ display: none; }

.vendor-product .groups-btns.outlinebtn .btn{
    border-radius: 8px;
    padding: 11px 15px;
    font-size: 14px;
}
.vendor-product{
    position: relative;
}
.vendor-product .overlay-pro-box{ top:0; }
.checkbox-btns-list-equal-w{
    padding: 5px;
    background: #efefef;
    border-radius: 5px;
    gap:5px;
}
.checkbox-btns-list-equal-w .checkbox-btns{
    width: 100%;
    background: #F8F7F7;
}
.checkbox-btns-list-equal-w label.btn-outline-primary{
    margin-bottom: 0;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    background: #fff;
}
.checkbox-btns-list-equal-w .btn-check:checked+label.btn-outline-primary{
    background-color: #0095FF;
    border-color: #0095FF;
    background-image: linear-gradient(180deg,#0095FF 100%,#0095FF 100%);
}
.inventoryBadgeWhite {
    color: #98D644;
    margin-left: 2px;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.15);
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
}


/*************Sample Request***************/

.greennewbg{ background: #00D275; }
.sampleRVendor{
    position: relative;
}
.sampleRVendor .form-check{
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 10px;
}
.sampleRVendor li{ position: relative; }
.greencheck .form-check-input:checked{
    background-color: #98D644;
    border-color: #98D644;
}
.vendorRequesttbl .table_row .table_small{
    vertical-align: middle;
}
.radioBlue .form-check-input:checked, .radioBlue .form-check-input:checked {
    background-color: #0095FF;
    border-color: #0095FF;
}
.sampleDetailList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sampleDispatchTbl .table-reponsive>table tr th{ color: #fff; }
.sampleDispatchTbl .table-reponsive>table tr:first-child>th{ border-right: 2px solid #E9E9E9; }
.sampleDispatchTbl .table-reponsive>table tr:last-child>td:first-child{ border-bottom-left-radius: 12px; }
.sampleDispatchTbl .table-reponsive>table tr:last-child>td:last-child{ border-bottom-right-radius: 12px; }
.sampleDispatchTbl .table-reponsive>table tr td{ border-right: 2px solid #E9E9E9;}
.sampleDispatchTbl .table-reponsive>table tr td{border-right: 2px solid #E9E9E9;}
.sampleDispatchTbl .table-reponsive>table tr td{ border-bottom:2px solid #E9E9E9; padding: 15px; border-bottom: 2px solid #E9E9E9; }
.sampleDispatchTbl .table-reponsive>table tr:last-child td{ border-bottom: none; }
.sampleDispatchTbl .table-reponsive>table tr td:last-child, .sampleDispatchTbl .table-reponsive>table tr th:last-child{ border-right: none; }

.greybgtext{
    border-radius: 10px;
    border: 1px solid rgba(62, 145, 108, 0.10);
    background: #F8F8F8;
    font-size: 16px;
    font-weight: 500;
    color: #2D2D2D;
    display: flex;
    padding: 10px;
    justify-content: space-evenly;
}
.attachmentBig .alert-photo{ width: 100px;}
.attachmentBig .alert-photo-img{ height: 100px;}
.attachmentBig .Upload-plus .upload-field .file-thumbnail{ padding: 25px 10px; }
.main_btn1 .btn { padding: 11px 20px; min-width: 220px;}
.main_btn1 .btn.btn-white{border: 2px solid rgba(0, 0, 0, 0.10); }


.aler-danger-msg{ color:#FF4E4E ;font-size: 14px; border-radius: 10px; background: #FCF7F7;padding: 12px; }






.headerMain {padding: 20px 0px 20px;border-bottom: 1px solid #0000002b;display: flex;align-items: center;justify-content: space-between;background-color: #f3f0e9;}
.headerMain h2 { font-size: 20px; margin-bottom: 0;}
.headerMain a {
    background-color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 5px;
}
/*************Dashboard Page ***************/
.dashboardContent .dashboardTitle h2 {font-size: 18px;}
.dashboardContent .dashboardTitle {margin: 0 0 20px;}
.dashboardContent .whiteBox{display: flex;gap: 20px;background-color: #fff;padding: 20px 20px 20px;align-items: center;border-radius: 10px;height: 130px;}
.dashboardContent .grayBox{display: flex;gap: 20px;border: 2px solid #0000001A;padding: 20px 20px 20px;align-items: center;border-radius: 10px;justify-content: space-between;height: 130px;}
.dashboardContent .whiteBox .globalText h1 {font-size: 24px;margin-bottom: 0;}
.dashboardContent .whiteBox .globalText p {margin-bottom: 0;}
.dashboardContent .grayBox h1{font-size: 24px; margin-bottom: 0px;}
.dashboardContent .grayBox .globalText p{ margin-bottom: 0px;}
.dashboardContent .grayBox a {padding: 13px 15px;background-color: #98D644;color: #000;border-radius: 5px;display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.dashboardContent .grayBox a img {width: 21px;}
.invoiceContent {padding: 20px;border: 2px solid #0000001A;margin: 30px 0 0;border-radius: 10px;}
.invoiceContent h2 {font-size: 18px;}
.invoiceContent table {width: 100%;}
.invoiceContent table th {background-color: rgb(176 174 169 / 38%);padding: 10px;color: rgba(112, 112, 112, 1);font-weight: 400;}
.invoiceContent table th:last-child{text-align: right;}
.invoiceContent table td {font-size: 12px; padding: 10px;border-bottom: 1px solid rgb(3 3 25 / 8%);line-height: 30px;}
.invoiceContent table td .btn-approved {    padding: 5px 8px;    color: #000;    background-color: #98d644;    font-size: 12px;}
.invoiceContent table td a{border: 1px solid rgba(0, 0, 0, 0.1);padding: 5px 8px;color: #000;border-radius: 6px; margin-left: 5px;}
.invoiceContent table td:last-child{text-align: right;}
.attentionModel .modal-header h1 {   font-size: 24px;    margin-bottom: 0;}
.main_btn .btn {width: 200px;border-radius: 8px;}
.attentionModel .modal-header h1 p {font-size: 16px;color: rgba(112, 112, 112, 1);font-weight: 400;}
.attentionModel .modal-header {border: none;padding: 30px 30px 0;}
.attentionModel .modal-header .btn-close {margin: -40px 0 0;}
.uploadInvoce {display: flex;align-items: center;}
 .requst_popup {display: flex;gap: 10px;}
.uploadInvoce {display: flex;align-items: center;background-color: rgba(246, 250, 253, 1);padding: 15px 12px 15px;border-radius: 10px;gap: 10px;}
.uploadInvoce h2 {font-size: 16px;}
.uploadInvoce h2 span {display: block;font-size: 12px;font-weight: 400;}


/*************Membership Page ***************/
.membershipBox{background-color: #fff;border-radius: 10px;padding: 15px;margin-bottom: 25px;position: relative;}
.membershipBox  .plan {position: absolute;right: 20px;background-color: #fff;padding: 4px 10px;border-radius: 5px;}
.membershipBox h2{font-size: 24px;}
.membershipBox ul{list-style: none;padding: 0px;margin-bottom: 0;}
.membershipBox ul li{font-size: 14px;color: rgba(112, 112, 112, 1);line-height: 35px;position: relative;padding-left: 0;}
.membershipBox ul li::after{content: '\f00c';position: absolute;left: 0px;top: 0px;font-family: fontAwesome;font-size: 16px;color: rgba(152, 214, 68, 1);display: none;}
.membershipBox h1{font-size: 20px;cursor: pointer;}
.membershipBox h1 span{font-size: 15px;font-weight: 400;}
.membershipBox p{color: #000;margin-bottom: 0px;}
.membershipBox .main_btn .btn{width: 100%;text-align: center;background-color: rgba(243, 240, 233, 1);font-size: 12px;}
.membershipBox .main_btn{gap: 8px;}
.activePlan{background-color: rgba(152, 214, 68, 1)}
.activePlan li{color: #fff !important;}
.activePlan li::after{color: #fff !important}
.activePlan p{color: #fff;}
.activePlan .main_btn .btn{background-color: rgba(246, 250, 253, 0.1) !important; border: 1px solid rgba(246, 250, 253, 0.1)}
.activePlan h1.activepackage{background-color: #86bf3a !important;}
.monthlyFee {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
}
.membershipBox  h1.activepackage {
    background-color: #98d644;
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    min-height: auto;
}
/*************My Profile Page ***************/

.myProfile{background-color: #fff;border-radius: 10px;padding: 15px;margin-bottom: 25px;position: relative;display: flex;justify-content: space-between;width: 100%;align-items: center;}
.myProfile .row{width: 100%;}
.myProfile .profileInfo {display: flex;align-items: center;justify-content: space-between;}
.myProfile .profileInfo .profileName h2 {font-size: 20px;margin-bottom: 0;}
.myProfile .profileInfo .profileName span {font-weight: 400;    color: rgba(112, 112, 112, 1)}
.myProfile .profileDetails {display: flex;justify-content: space-between;background-color: rgba(246, 250, 253, 1);padding: 20px 20px 20px;    align-items: center;border-radius: 10px;}
.myProfile .profileDetails p {margin-bottom: 0;}
.myProfile .profileDetails a {color: #000;display: flex;align-items: center;gap: 10px;}
.myProfile .profileDetails a img {width: 22px;}

/************* Notification Page ***************/
.notificationList {background-color: #fff;padding: 20px 30px 20px;display: flex;align-items: center;justify-content: start;gap: 20px;margin-bottom: 20px;position: relative;}
.checkCircle {width: 60px;height: 60px;background-color: rgb(255 174 88 / 15%);text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 8px;}
.checkCircle img {width: 25px;}
.notificationList .notificationContent {}
.notificationList .notificationContent h2 {font-size: 18px;margin-bottom: 0;}
.notificationList .notificationContent p {font-size: 14px;}
.notificationList .min {position: absolute;right: 20px;top: 20px;color: rgba(112, 112, 112, 1);}
/************* Contact Page ***************/
.contactUs  {background-color: #fff;border-radius: 10px;padding: 35px 25px;margin-bottom: 25px;position: relative;display: flex;align-items: center;gap: 80px;}
.contactList {display: flex;gap: 20px;align-items: center;}
.contactList .contactInfo a, .contactList .contactInfo p{font-size: 16px;color: #000;margin-bottom: 0;}
.contactList .contactInfo span {display: block;font-size: 12px;font-weight: 500;    color: rgba(112, 112, 112, 1)}
.contactForm {border-top: 1px solid #0000002b;padding: 20px 0 0;}
.contactForm .form-control{height: 60px;border: none;border-radius: 10px; }
.contactForm textarea.form-control{height: 100px;}
.contactForm input.form-control::placeholder{color: rgba(3, 3, 25, 1)}
.contactForm textarea.form-control::placeholder{color: rgba(3, 3, 25, 1)}
.contactForm .main_btn .btn{width: 100%}
.logout {position: fixed;bottom: 30px;left: 40px;}
.logout a {color: #000;}
.logout a img {width: 16px;margin-right: 5px;}

/*
 
 .radioBtn {
    display: flex;
    background-color: #fff;
    height: 52px;
    border-radius: 8px;
    align-items: center;
}

 
.radio-button-container {
  color: rgb(71 67 67 / 75%) !important;
  display: block;
  position: relative;
  padding-left: 35px;
  line-height: 25px;
  margin-bottom: 12px;
  margin-left: 20px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0 !important;
}

 
.radio-button-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

 
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: rgba(0,0,0,0);
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,0.25);
  transition: all 0.3s;
}

 
.radio-button-container:hover input ~ .checkmark {
  border-color: rgba(0,0,0,0.5);
}
 
.radio-button-container input:checked ~ .checkmark {
  background-color: rgba(0,0,0,0);
  border-color: #bc8271;
}


 
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

 
.radio-button-container input:checked ~ .checkmark:after {
  display: block;
}

 
.radio-button-container .checkmark:after {
 	top: 2px;
 	left: 2px;
 	width: 13px;
 	height: 13px;
 	border-radius: 50%;
 	background: #98d644;
}*/