/* Theme Description
-------------------------------------------------

	  Theme Name: Wise Consultants
	  Author: Wise Corporation
	  Support: Fleek Bangladesh
	  Description: This service provide by Fleek Bangldesh
	  Version: 0.1

-------------------------------------------------
*/
/* CSS Index
-------------------------------------------------

	1. Theme default css
	2. header
	3. slider
	4. about-area
	5. features-box
	6. department
	7. team
	8. video-area
	9. counter
	10. footer

-------------------------------------------------

/**************************************************************/
/*********************** Default Style ************************/
/**************************************************************/

/* ********************** */
/* DEFAULT COLOR VARIAVLE FOR ALL ELEMENTS*/
/* ********************** */
:root{
  --primary-color: #ddac26;
  --secondary-color: #000742;

  /* --primary-color: #182f58;
  --secondary-color: #e80a89; */
  --secondary-dark-color: #0b2921;
  --secondary-over-dark-color: #223831;

  --white-color: #ffffff;
  --light-bg-color: #fafafd;
  --light-text-color: #7cB99a;
  --border-color: #e5e8ec;
  --dark-color: #0a021c;

  --font-small: 13px;
  --font-smaller: 11px;

  --fW3: 300;
  --fW4: 400;
  --fW6: 600;
  --fW7: 700;
  --fW8: 800;

  --d: 2500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	--c1: rgb(135, 146, 245);
	--c2: rgba(168, 239, 255, 0.1);
}
/* ********************** */
/* DEFAULT COLOR VARIAVLE FOR ALL ELEMENTS*/
/* ********************** */


/* ********************** */
/* DEFAULT CSS FOR ALL ELEMENTS*/
/* ********************** */
*{
  padding: 0;
  margin: 0;
}
*,::before,::after{
  box-sizing: border-box;
}

body{
  font-family: 'Inter', sans-serif;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--dark-color);
  background-color: var(--white-color);
}
a{
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
p{
  opacity: 80%;
}
ul{
  list-style: none;
}
img{
  max-width: 100%;
  vertical-align: middle;
}
strong{
  font-weight: 800;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}
input::placeholder{
  font:inherit;
}
h1,h2,h3,h4{
  font-family: 'Poppins', sans-serif;
}
h1{
  font-size: calc(1.3em + 1vw);
  font-weight: 800;
  line-height: 1;
}
h2{
  font-size: 2.5em;
}
h3{
  font-size: 1.2em;
  font-weight: 700;
}
h4{
  font-size: 1em;
  font-weight: 600;
}
.active{
  background-color: var(--white-color) !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
  color: var(--dark-color) !important;
}
.active-nav{
  color: var(--primary-color) !important;
  font-weight: 500 !important;
}
.active-dropdown{
  color: var(--primary-color) !important;
}
/* ********************** */
/* DEFAULT CSS FOR ALL ELEMENTS*/
/* ********************** */
.default-hero{
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: start;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.default-hero::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0a021c5e;
}
.default-hero .default-hero-content{
  padding: 10px;
  padding-top: 50px;
}
.default-hero .default-hero-content h1{
  position: relative;
  z-index: 1;
  font-size: 55px;
  line-height: 60px;
  font-weight: 500;
  color: var(--white-color);
  /* color: transparent;
  letter-spacing: 2px;
  color: #098ccd3a;
	-webkit-text-stroke: 1px var(--border-color); */
  margin-bottom: 20px;
}
.default-hero  .default-hero-content p{
  position: relative;
  z-index: 1;
  color: var(--white-color);
  font-size: 20px;
  opacity: .9;
}
.paginate{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-size: 22px;
  font-weight: 500;
  color: var(--white-color);
  margin-top: 20px;
}
.active-paginate{
  color: var(--secondary-color);
}


/* ********************** */
/* REUSED CSS FOR STYLE*/
/* ********************** */
.container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}
.colum{
  margin-left: 0.938em;
  margin-right: 0.938em;
}
.colum .row{
  padding: 0.938em;
}
.flexwrap{
  display: flex;
  flex-wrap: wrap;
}
.flexcenter{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexitem{
  display: flex;
  align-items: center;
}
.fextcol{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.btn {
  display: inline-block;
  padding: 15px 35px;
  font-weight: 500;
  font-size: 18px;
  background: var(--primary-color);
  color: #ffffff;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  cursor: pointer;
  transition:.3s;
}
.btn:hover {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);

}
.light-btn{
  font-size: 16px;
  font-weight: 300;
  color: var(--secondary-dark-color);
  border: 1px solid var(--secondary-color);
  padding: 5px 10px;
  border-radius: 2px;
  transition: .3s;
}
.light-btn:hover{
  color: var(--white-color);
  background-color: var(--secondary-color);
}
.carusal-btn{
  padding: 10px 20px;
  border: transparent;
  background-color: var(--primary-color);
  color: var(--white-color);
  cursor: pointer;
  transition: .3s;
}
.carusal-btn:hover{
  background-color: var(--secondary-dark-color);
}
a{
  text-decoration: none;
}
ul{
  list-style: none;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
div#preloader-active {
  height: 1px;
}
.short-title{
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: var(--primary-color);
}
.title{
  font-size: 35px;
  text-transform: capitalize;
  font-weight: 700;
  color: var(--secondary-dark-color);
  margin: 10px 0;
}
.sub-title{
  font-size: 18px;
  margin-bottom: 20px;
}
.text-center{
  text-align: center;
}
 .highlightbox{
  z-index: 2;
 }
 .highlightbox::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 40%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
  z-index: -1;
 }
/* Messenger------------------------------------- */
.messenger{
  position: fixed;
  display: flex;
  align-content: center;
  justify-content: center;
  right: 1%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  border-radius: 100px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.527);
}
.messenger i{
  font-size: 35px;
  text-align: center;
  line-height: 60px;
  color: var(--white-color);
  transition: .3s;
}
.messenger i:hover{
  transform: scale(120%);
}

/*
--------------------------------------------------
----------------Header Section-------------------
-------------------------------------------------
*/
.main{
  position: relative;
}
.header{
  width: 100%;
  height: 100px;
  line-height: 100px;
  color: var(--white-color);
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  background-color:transparent;
  /* border-bottom: 1px solid var(--border-color); */
}
.header .row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .2em;
}
.header .row .col{
  /* flex: 1; */
  width: fit-content;
}
.header .row .col .logo{
  width: fit-content;
  position: relative;
  /* padding-left: 5px; */
}
.header .row .col .logo img{
  width: auto;
  height: 90px;
  cursor: pointer;
  padding: 5px 0;
}
.header .row .col .nev ul{
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  gap: 1.5em;
  list-style: none;
  padding-right: 10px;
}
.header .row .col .nev ul li{
  font-weight: 500;
  position: relative;
}
.header .row .col .nev ul li a{
  cursor: pointer;
  opacity: .8;
}
.header .row .col .nev ul li a:hover{
  color: var(--primary-color);
}
.header .row .col .nev ul li .menu-dropdown{
  position: absolute;
  width: 650px;
  max-height: 0px;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--white-color);
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  transition: max-height 0.5s;
  z-index: 9999;
}
.header .row .col .nev ul li .menu-dropdown ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.header .row .col .nev ul li .menu-dropdown ul li{
  flex: 1;
  flex-basis: 200px;
  transition: .3s;
  line-height: 25px;
}
.header .row .col .nev ul li .menu-dropdown ul li:last-child{
  border-bottom: none;
}
.header .row .col .nev ul li .menu-dropdown ul li:hover{
  transform: translateX(10px);
}
.header .row .col .nev ul li .menu-dropdown ul li a{
  display: block;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: .5em;
  line-height: 20px;
  cursor: pointer;
  opacity: .8;
  color: var(--dark-color);
}
.header .row .col .nev ul li .menu-dropdown ul li a:hover{
  color: var(--primary-color);
}
.header .row .col .nev ul li:hover .menu-dropdown{
    max-height: 500px;
}

.header .row .col .nev ul li a{
  font-size: 16px;
  font-weight: 500;
  line-height: 80px;
  text-decoration: none;
  transition: all .3s;
}
.header .row  .header-right{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2em;
  font-weight: 500;
}
.header .row  .header-right .login-link{
  /* color: var(--white-color); */
  transition: .3s;
  opacity: .8;
}
.header .row  .header-right .login-link:hover{
  color: var(--primary-color) !important;
}
.header .row  .header-right .consulultant-link{
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  padding: 6px 15px;
  color: var(--white-color) !important;
  border-radius: 5px;
  line-height: 25px;
  transition: .3s;
}
.header .row  .header-right .consulultant-link:hover{
  background-color: transparent;
  color: var(--primary-color) !important;
  border: 2px solid var(--primary-color);
}
/* Moile Menu */
.for-mobile{
  margin-top: 30px;
  margin-right: 20px;
}
.header .row .col.mobile-menu{
  display: none;
}
.mobile-nav{
  display: none;
}

.header .row .col.mobile-menu span{
  font-size: 35px;
  line-height: 80px;
  margin-right: 10px;
  color: var(--primary-color);
}

.header .mobile-nav{
  /* width: 400px; */
  width: 100%;
  height: 100vh;
  position: absolute;
  right: -320px;
  display: none;
  text-align: right;
  z-index: 2000;
  background-color: #dcdcdc;
  color: var(--dark-color);
  border: 1px solid #e5e8ec36;
  border-top: 0;
  border-bottom: 0;


  transition: right 1s linear;
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  transition-delay: 0.3s;
}
.header .mobile-nav ul li{
  padding: 15px 20px;
  line-height: 20px;
  font-weight: 500;
  border-bottom: 1px solid #f5efef;
  overflow: hidden;
}
.header .mobile-nav ul li a{
  opacity: .7;
}
.header .mobile-nav .menu-logo{
  position: absolute;
  left: 0;
  bottom: 0;
}
.mobile-dropdown{
  position: relative;
  top: 10px;
  right: 0;
  max-height: 0;
  overflow: hidden;
  transition: .3s;
}
.mobile-dropdown ul li:last-child{
  border-bottom: none;
}
.mobile-dropdown-show{
  max-height: 100%;
}
.roted180geg{
  transform: rotate(180deg);
}
.fa-caret-down{
  transition: .3s;
}
/*
--------------------------------------------------
----------------Slider Section-------------------
-------------------------------------------------
*/
.slider{
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  position: relative;
}
.slider::after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #0000008a;
  position: absolute;
  top: 0;
  left: 0;
}
.slider .slider-content{
  width: 992px;
  height: fit-content;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--white-color);
  z-index: 2;
}
.slider .slider-content span{
  display: inline-block;
  margin-bottom: 30px;
  padding: 7px 18px;
  font-size: 16px;
  background-color: #fffdfd59;
  border-radius: 50px;
}
.global-search-bar{
  margin-bottom: 20px;
}
.global-search-bar form{
  width: fit-content;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.first-search-area,
.second-search-area{
  position: relative;
}
.first-search-area #firs-search-area-suggussion,
.second-search-area #second-search-area-suggussion{
  position: absolute;
  top: 53px;
  left: 0;
  width: 350px;
  height: auto;
  background-color: var(--white-color);
  border-top: 1px solid var(--border-color);
}
.first-search-area #firs-search-area-suggussion ul,
.second-search-area #second-search-area-suggussion ul{
  display: flex;
  flex-direction: column;
  color: var(--secondary-color);
}
.first-search-area #firs-search-area-suggussion ul li,
.second-search-area #second-search-area-suggussion ul li{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1em;
  padding: 10px 15px;
  cursor: pointer;
}
.first-search-area #firs-search-area-suggussion ul li:hover,
.second-search-area #second-search-area-suggussion ul li:hover{
  background-color: var(--border-color);
}
.global-search-bar form input{
  width: 350px;
  height: 55px;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 0 10px;
  color: #000000bd;
}
.global-search-bar form #searchCateogoryOrService{
  border-right: 1px solid var(--border-color);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.global-search-bar form #searchLocation{
  border-left: 1px solid var(--border-color);
}
.global-search-bar form button{
  width: 55px;
  height: 55px;
  border: none;
  outline: none;
  background-color: var(--primary-color);
  color: var(--white-color);
  font-size: 22px;
  cursor: pointer;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.first-search-area #firs-search-area-suggussion{
  display: none;
}
.second-search-area #second-search-area-suggussion{
  display: none;
}
.slider .slider-content .title{
  width: 100%;
  height: 150px;
  /* background-color: var(--secondary-color); */
  margin-bottom: 20px;
}
.slider .slider-content h1{
  color: var(--white-color);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}
.slider .slider-content p{
  width: 800px;
  margin: auto;
  font-size: 18px;
  text-transform: capitalize;
  opacity: 1;
  margin-bottom: 30px;
}
.slider .slider-content .btn-group{
  display: flex;
  justify-self: center;
  align-items: center;
  gap: 2em;
}
.slider .slider-content .btn-group .be-consultant{
  background-color: transparent;
  border: 2px solid var(--primary-color);
  padding: 12px 25px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  transition: .3s;
}
.slider .slider-content .btn-group .be-consultant:hover{
  background-color: var(--primary-color);
}
.slider .slider-content .btn-group .find-consultant{
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  padding: 12px 25px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  transition: .3s;
}
.slider .slider-content .btn-group .find-consultant:hover{
  background-color: transparent;
  color: var(--primary-color);
}
/*
--------------------------------------------------
----------------Brand Section-------------------
-------------------------------------------------
*/
.brand{
  padding: 50px 0;
}
.brand .brand-content .content-header{
  margin-bottom: 20px;
}
.brand .brand-content .content-header h1{
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: var(--secondary-color);
}
.brand .brand-content .content-body{
  display: flex;
  align-items: center;
}
.brand .brand-content .content-body .brand-previus-icon,
.brand .brand-content .content-body .brand-next-icon{
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: .3s;
}
.brand .brand-content .content-body .brand-previus-icon:hover,
.brand .brand-content .content-body .brand-next-icon:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.brand .brand-content .content-body .brand-cars-area{
  overflow: hidden;
}
.brand .brand-content .content-body .brand-cards{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
  gap: 2em;
}
.brand .brand-content .content-body .brand-cards .card{
  flex: 1;
  min-width: 120px;
  height: 100px;
  /* border: 1px solid var(--border-color);
  border-radius: 5px; */
  padding: 10px;
  overflow: hidden;
}
.brand .brand-content .content-body .brand-cards .card .img-wrap{
  width: 100%;
  height: 100%;
}
.brand .brand-content .content-body .brand-cards .card .img-wrap img{
  width: 1000%;
  height: 100%;
  object-fit: contain;
}
/*
--------------------------------------------------
----------------Top Consultant Section-------------------
-------------------------------------------------
*/
.top-consultant{
  padding: 50px 0;
}
.top-consultant .top-consultant-content .content-header{
  margin-bottom: 30px;
}
.top-consultant .top-consultant-content .content-header h1{
  font-size: 30px;
  font-weight: 700;
  color: var(--secondary-color);
  text-align: center;
  margin-bottom: 10px;
}
.top-consultant .top-consultant-content .content-header p{
  text-align: center;
}
.top-consultant .top-consultant-content .content-body{
  display: flex;
  align-items: center;
  gap: .3em;
  position: relative;
}
.top-consultant .top-consultant-content .content-body .consultant-previus-icon,
.top-consultant .top-consultant-content .content-body .consultant-next-icon{
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: .3s;
}
.top-consultant .top-consultant-content .content-body .consultant-previus-icon:hover,
.top-consultant .top-consultant-content .content-body .consultant-next-icon:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area{
  overflow: hidden;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards{
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
  gap: 2em;
}

/* Previous Design */
/* .top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card{
  flex: 1;
  min-width: 240px;
  max-width: 240px;
  height: fit-content;
  border: 1px solid var(--border-color);
  background-color: #f9fbff;
  border-radius: 5px;
  padding: 10px;
  overflow: hidden;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .img-wrap{
  width: 100%;
  height: 200px;
  background-color: var(--secondary-color);
  border-radius: 3px;
  overflow: hidden;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .img-wrap img{
  width: 1000%;
  height: 100%;
  object-fit: cover;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body{
  margin-top: 10px;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .2em;
  margin-bottom: 8px;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top .left{
  display: flex;
  align-items: center;
  gap: .5em;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top .left h1{
  font-size: 16px;
  font-weight: 500;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top .left span{
  display: block;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
background-color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top .left span img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top .right{
  display: flex;
  align-items: center;
  gap: .2em;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top .right span{
  font-size: 14px;
  font-weight: 500;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body .body-top .right span i{
  color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body p{
  font-size: 14px;
  opacity: .7;
  margin-bottom: 5px;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .card-body a{
  font-size: 14px;
  color: var(--primary-color);
} */
/* Previous Design */


/* New Design */
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card{
  padding: 10px;
  flex: 1;
  flex-basis: 350px;
  max-width: 380px;
  min-width: 380px;
  background-color: #fffefd;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  gap: 1em;
  transition: .3s;
}
/* .top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card:hover{
  transform: translateY(-10px);
} */
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left{
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left .img-wrap{
  width: 150px;
  height: 170px;
  border-radius: 5px;
  overflow: hidden;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card:hover .left .img-wrap img{
  transform: scale(110%);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left a{
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  transition: .3s;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left .view-profile-button{
  color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left .consult-button{
  color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left .view-profile-button:hover{
  color: var(--white-color);
  background-color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .left .consult-button:hover{
    color: var(--white-color);
    background-color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right{
  flex: 1;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right .card-title{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: .3em;
  margin-bottom: 5px;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right .card-title h3{
  font-size: 18px;
  opacity: .8;
  transition: .3s;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card:hover .card-title h3{
  color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right span{
  display: block;
  font-size: 15px;
  opacity: .7;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right .img-wrap{
  margin-top: 10px;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  background-color: transparent;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right .experience{
  margin-top: 10px;
  width:fit-content;
  padding: 5px 12px;
  border: 1px solid var(--primary-color);
  border-radius: 50px;
  text-align: center;
  color: var(--primary-color);
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right p{
  font-size: 14px;
  opacity: .7;
}
.top-consultant .top-consultant-content .content-body .consultant-cards-area .consultant-cards .card .right h6{
  opacity: .7;
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
}
/* New Design End */
/*
--------------------------------------------------
----------------Why Choose Us Section-------------------
-------------------------------------------------
*/
.why-choose{
  padding: 50px 0;
}
.why-choose .choose-content .content-top{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 3em;
}
.why-choose .choose-content .content-top .left{
  flex: 1;
  flex-basis: 55%;
  height: 400px;
  padding: 90px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: end;
}
.why-choose .choose-content .content-top .left h1{
  font-size: 25px;
  font-weight: 700;
  color: var(--secondary-color);
  margin-bottom: 15px;
}
.why-choose .choose-content .content-top .left p{
  font-size: 16px;
}
.why-choose .choose-content .content-top .right{
  flex: 1;
  flex-basis: 35%;
}
.why-choose .choose-content .content-top .right .card .img-wrap{
  width: 70px;
  height: 70px;
}
.why-choose .choose-content .content-top .right .card .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.why-choose .choose-content .content-top .right .card h3{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.why-choose .choose-content .content-top .right .card p{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.why-choose .choose-content .cards{
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
.why-choose .choose-content .cards .card{
  flex: 1;
  flex-basis: 300px;
  padding: 10px;
}
.why-choose .choose-content .cards .card:first-child{
  display: none;
}
.why-choose .choose-content .cards .card .img-wrap{
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
}
.why-choose .choose-content .cards .card .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.why-choose .choose-content .cards .card h3{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
/*
--------------------------------------------------
----------------Consultancy Services -------------------
-------------------------------------------------
*/
.consultancy-service{
  padding: 50px 0;
  background-color: var(--light-bg-color);
}
.consultancy-service .consultancy-content{}
.consultancy-service .consultancy-content .content-header{
  margin-bottom: 50px;
}
.consultancy-service .consultancy-content .content-header h1{
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: var(--secondary-color);
}
.consultancy-service .consultancy-content .content-header p{
  text-align: center;
  margin-top: 10px;
}
.consultancy-service .consultancy-content .content-body{
  padding: 10px;
}
.consultancy-service .consultancy-content .content-body .cards{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
}
.consultancy-service .consultancy-content .content-body .cards .card{
  flex: 1;
  flex-basis: 250px;
  max-width: 280px;
  background-color: var(--white-color);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 5px;
  overflow: hidden;
}
.consultancy-service .consultancy-content .content-body .cards .card .card-header{
  width: 100%;
  height: 150px;
  background-color: var(--secondary-color);
  overflow: hidden;
}
.consultancy-service .consultancy-content .content-body .cards .card .card-header img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}
.consultancy-service .consultancy-content .content-body .cards .card .card-body{
  padding: 10px;
}
.consultancy-service .consultancy-content .content-body .cards .card .card-body h3{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  transition: .3s;
}
.consultancy-service .consultancy-content .content-body .cards .card .card-body p{
  margin-bottom: 10px;
  font-size: 14px;
}
.consultancy-service .consultancy-content .content-body .cards .card .card-body a{
  color: var(--primary-color);
  font-size: 14px;
}
.consultancy-service .consultancy-content .content-body .cards .card:hover img{
  transform: scale(110%);
}
.consultancy-service .consultancy-content .content-body .cards .card:hover h3{
  color: var(--primary-color);
}
/*
--------------------------------------------------
----------------How To Works -------------------
-------------------------------------------------
*/
.how-to-work{
  padding: 50px 0;
}
.how-to-work .work-content{}
.how-to-work .work-content .content-header{
  margin-bottom: 50px;
}
.how-to-work .work-content .content-header h1{
  font-size: 30px;
  font-weight: 700;
  color: var(--secondary-color);
  text-align: center;
  margin-bottom: 10px;
}
.how-to-work .work-content .content-header p{
  text-align: center;
}
.how-to-work .work-content .content-body{}
.how-to-work .work-content .content-body .cards{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
}
.how-to-work .work-content .content-body .cards .card{
  flex: 1;
  flex-basis: 360px;
  max-width: 360px;
  text-align: center;
}
.how-to-work .work-content .content-body .cards .card .img-wrap{
  width: 70px;
  height: 70px;
  margin: auto;
  margin-bottom: 15px;
}
.how-to-work .work-content .content-body .cards .card .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.how-to-work .work-content .content-body .cards .card h3{
  font-size: 20px;
  font-weight: 700;
  width: 250px;
  margin: auto;
  margin-bottom: 10px;
}

/*
--------------------------------------------------
----------------Testimonial Section -------------------
-------------------------------------------------
*/
.testimonial{
  padding: 50px 0;
}
.testimonial .testimonial-content .content-header{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
  margin-bottom: 50px;
}
.testimonial .testimonial-content .content-header h1{
  font-size: 30px;
  font-weight: 500;
  color: var(--secondary-color);
}
.testimonial .testimonial-content .content-header .btn-gorup{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.testimonial .testimonial-content .content-header .btn-gorup span{
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: var(--border-color);
  border-radius: 50px;
  cursor: pointer;
  transition: .3s;
}
.testimonial .testimonial-content .content-header .btn-gorup span:hover{
  background-color: var(--primary-color);
}
.testimonial .testimonial-content .content-body{
  overflow: hidden;
}
.testimonial .testimonial-content .content-body .cards{
  display: flex;
  justify-content: start;
  /* gap: 2em; */
  transition: transform 0.5s ease-in-out;
  will-change: transform;
}
.testimonial .testimonial-content .content-body .cards .card{
  flex: 1;
  flex-basis: 550px;
  min-width: 550px;
  max-width: 550px;
  background-image: url(../img/gallery/testimonial-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid var(--primary-color);
  margin-right: 2em;
}
.testimonial .testimonial-content .content-body .cards .card .review{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: .6em;
  margin-bottom: 20px;
}
.testimonial .testimonial-content .content-body .cards .card .review span{
  font-size: 20px;
  color: var(--primary-color);
}
.testimonial .testimonial-content .content-body .cards .card .card-body p{
  font-style: italic;
  font-size: 18px;
  line-height: 28px;
}
.testimonial .testimonial-content .content-body .cards .card .card-footer{
  margin-top: 20px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1em;
}
.testimonial .testimonial-content .content-body .cards .card .card-footer .img-wrap{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.testimonial .testimonial-content .content-body .cards .card .card-footer .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.testimonial .testimonial-content .content-body .cards .card .card-footer .details p{
  font-size: 14px;
}
/*
--------------------------------------------------
----------------Sign Up page -------------------
-------------------------------------------------
*/
.sign-up-page{
  min-height: 100vh;
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}
.sign-up-page .sign-up-content{
  width: 100%;
  height: 100%;
  padding-top: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.sign-up-page .sign-up-content .left{
  flex: 1;
  text-align: center;
}
.sign-up-page .sign-up-content .left .img-wrap{
  width: 100px;
  height: 100px;
  margin: auto;
}
.sign-up-page .sign-up-content .left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sign-up-page .sign-up-content .left span{
  display: block;
  margin-top: 10px;
  color: var(--white-color)
}
.sign-up-page .sign-up-content .left h1{
  font-size: 25px;
  font-weight: 700;
  color: var(--white-color);
  margin-top: 10px;
}
.sign-up-page .sign-up-content .left p{
  width: 450px;
  margin: auto;
  color: var(--white-color);
  margin-top: 50px;
}
.sign-up-page .sign-up-content .right{
  flex: 1;
}
.sign-up-page .sign-up-content .right .right-content{
  background-color: #9999998a;
  width: 450px;
  padding: 30px;
  border-radius: 10px;
}
.sign-up-page .sign-up-content .right h3{
  font-size: 25px;
  color: var(--white-color);
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}
.sign-up-page .sign-up-content .right form{
  display: flex;
  flex-direction: column;
  gap: .6em;
}
.sign-up-page .sign-up-content .right form .form-group{
  display: flex;
  flex-direction: column;
  gap: .3em;
}
.sign-up-page .sign-up-content .right form .form-group label{
  font-size: 16px;
  color: var(--white-color);
}
.sign-up-page .sign-up-content .right form .form-group input{
  width: 100%;
  height: 45px;
  padding: 20px;
  outline: none;
  border-radius: 6px;
  border: none;
  font-size: 16px;
}
.sign-up-page .sign-up-content .right form .form-group .password-group{
  display: flex;
  align-items: center;
  padding-right: 10px;
  background-color: var(--white-color);
  border-radius: 6px;
}
.sign-up-page .sign-up-content .right form .form-group .password-group .passsword{
  cursor: pointer;
}
.sign-up-page .sign-up-content .right form .form-group a{
  display: block;

}
.sign-up-page .sign-up-content .right form .form-group button{
  width: 100%;
  height: 45px;
  outline: none;
  border-radius: 6px;
  border: none;
  font-size: 18px;
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  margin-top: 20px;
  color: var(--white-color);
  cursor: pointer;
  transition: .3s;
}
.sign-up-page .sign-up-content .right form .form-group button:hover{
  background-color: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}
.sign-up-page .sign-up-content .right .diver{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .1em;
  margin-top: 30px;
}
.sign-up-page .sign-up-content .right .diver span{
  flex: 1;
  flex-basis: 10px;
  display: block;
  width: 100%;
  height: 1px;
  text-align: center;
  background-color: var(--white-color);
}
.sign-up-page .sign-up-content .right .diver span:nth-child(2){
  max-width: 60px;
  background-color: transparent;
  position: relative;
  top: -10px;
  color: var(--white-color);
}
.sign-up-page .sign-up-content .right .social-media{
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.sign-up-page .sign-up-content .right .social-media a{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
}
.sign-up-page .sign-up-content .right form .form-group a{
  text-align: right;
  color: var(--primary-color);
  font-size: 14px;
}
.sign-up-page .sign-up-content .right form .form-group a span{
  color: var(--white-color);
}
/*
--------------------------------------------------
----------------Varify Accout Page-------------------
-------------------------------------------------
*/
.varify-account-page{
  width: 100% !important;
  height: 100vh !important;
  margin-top: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .varify-account-content{
  width: 100% !important;
  height: 100vh !important;
  margin-top: 0 !important;
} */
.varifiy-account{
  background-color: #e6e2d4 !important;
  margin: auto !important;
}
.varifiy-account h3{
  color: var(--dark-color) !important;
  opacity: .7;
}
.varifiy-account p{
  text-align: center;
  line-height: 28px;
  opacity: .7;
}
.varifiy-account .varification-code-group{
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.varifiy-account .varification-code-group input{
  width: 50px;
  height: 50px;
  outline: none;
  border: none;
  border-radius: 5px;
  padding: 15px !important;
  font-size: 25px;
}
/* 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;
}
.varifiy-account .varification-code-group button:first-child{
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  opacity: .8;
  cursor: pointer;
}
.varifiy-account .varification-code-group button:last-child{
  font-size: 16px;
  background-color: var(--primary-color);
  border: none;
  outline: none;
  width: 80px;
  height: 45px;
  color: var(--white-color);
  border-radius: 5px;
  cursor: pointer;
}
/*
--------------------------------------------------
----------------About Page Section -------------------
-------------------------------------------------
*/
.about-page .hero{
  width: 100%;
  height: 60vh;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}
.about-page .hero .hero-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60vh;
}
.about-page .hero .hero-content .left{
  flex: 1;
  flex-basis: 40%;
}
.about-page .hero .hero-content .left h1{
  font-size: 55px;
  font-weight: 500;
  color: var(--primary-color);
  margin-bottom: 25px;
}
.about-page .hero .hero-content .left p{
  font-size: 18px;
  line-height: 32px;
  color: var(--white-color);
  opacity: .9;
}
.about-page .hero .hero-content .right{
  flex: 1;
  flex-basis: 40%;
  position: relative;
  height: 60vh;
}
.about-page .hero .hero-content .right .img-wrap{
  width: 700px;
  height: 700px;
  position: absolute;
  right: -90px;
  bottom: -180px;
}
.about-page .hero .hero-content .right .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-page .top-body{
  padding: 50px 0;
  padding-top: 20px;
}
.about-page .top-body .top-body-content{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 2em;
}
.about-page .top-body .top-body-content .left .img-wrap{
  width: 220px;
  height: 220px;
}
.about-page .top-body .top-body-content .left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-page .top-body .top-body-content .right{
  width: 600px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.about-page .top-body .top-body-content .right p{
  font-size: 20px;
  opacity: .6;
}

.about-page .company-goal{
  padding: 50px 0;
}
.about-page .company-goal .goal-content .cards{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5em;

}
.about-page .company-goal .goal-content .cards .card{
  flex: 1;
  flex-basis: 300px;
  padding: 10px;
}
.about-page .company-goal .goal-content .cards .card .img-wrap{
  width: 80px;
  height: 80px;
}
.about-page .company-goal .goal-content .cards .card .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-page .company-goal .goal-content .cards .card h3{
  font-size: 35px;
  font-weight: 500;
  margin: 10px 0;
}
.about-page .company-goal .goal-content .cards .card p{
  font-size: 18px;
  line-height: 30px;
  /* text-align: justify; */
}

.about-page .overview{
  padding: 50px 10px;
  background-color: #fafafd;
}
.about-page .overview .overview-content .cards{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
}
.about-page .overview .overview-content .cards .card{
  flex: 1;
  flex-basis: 100px;
  text-align: center;
}
.about-page .overview .overview-content .cards .card h1{
  font-size: 70px;
  font-weight: 700;
  margin-bottom: 10px;
  opacity: .9;
}
.about-page .overview .overview-content .cards .card p{
  font-size: 25px;
  font-weight: 500;
}
.start-out-journety{
  padding: 50px 0;
}
.start-out-journety .out-journey-content .banner{
  margin: auto;
  width: 90%;
  height: 250px;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.start-out-journety .out-journey-content .banner h1{
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  color:  var(--primary-color);
}
.start-out-journety .out-journey-content .banner p{
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  opacity: .7;
}
.start-out-journety .out-journey-content .button-group{
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
.start-out-journety .out-journey-content .button-group a{
  width: 300px;
  height: 55px;
  line-height: 50px;
  border: 1px solid var(--primary-color);
  text-align: center;
  border-radius: 7px;
  font-size: 20px;
  transition: .3s;
}
.start-out-journety .out-journey-content .button-group a:first-child{
  color: var(--primary-color);
}
.start-out-journety .out-journey-content .button-group a:first-child:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.start-out-journety .out-journey-content .button-group a:last-child{
  background-color: var(--primary-color);
  color: var(--white-color);
  text-transform: uppercase;
}
.start-out-journety .out-journey-content .button-group a:last-child:hover{
  background-color: transparent;
  color: var(--primary-color);
}
/*
--------------------------------------------------
----------------Service Page -------------------
-------------------------------------------------
*/
.service-page .service-page-content{
  padding: 50px 10px;
}
.service-page .service-page-content .service-list-title{
  margin-bottom: 50px;
}
.service-page .service-page-content .service-list-title h1{
  font-size: 35px;
  font-weight: 500;
  opacity: .8;
  text-align: center;
}
.service-page .service-page-content .service-cards{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 2em;
}
.service-page .service-page-content .service-cards .card{
  flex: 1;
  flex-basis: 380px;
  max-width: 400px;
  border: 1px solid var(--primary-color);
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 20px;
  border-radius: 7px;
}
.service-page .service-page-content .service-cards .card span{
  transition: .3s;
}
.service-page .service-page-content .service-cards .card:hover span{
  color: var(--primary-color);
}
.service-page .service-page-content .service-cards .card:hover span:last-child{
  transform: translateX(20px);
}
.service-page .service-page-content .consultant-title{
  margin-top: 60px;
  text-align: center;
}
.service-page .service-page-content .consultant-title h1{
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 10px;
  opacity: .8;
}
.service-page .service-page-content .consultant-title p{
  font-size: 18px;
}
.service-page .service-page-content .consultant-cards{
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
}
.service-page .service-page-content .consultant-cards .card{
  padding: 10px;
  flex: 1;
  flex-basis: 350px;
  max-width: 380px;
  background-color: #fffefd;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  gap: 1em;
  transition: .3s;
}
.service-page .service-page-content .consultant-cards .card:hover{
  transform: translateY(-10px);
}
.service-page .service-page-content .consultant-cards .card .left{
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.service-page .service-page-content .consultant-cards .card .left .img-wrap{
  width: 150px;
  height: 170px;
  border-radius: 5px;
  overflow: hidden;
}
.service-page .service-page-content .consultant-cards .card .left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}
.service-page .service-page-content .consultant-cards .card:hover .left .img-wrap img{
  transform: scale(110%);
}
.service-page .service-page-content .consultant-cards .card .left a{
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  transition: .3s;
}
.service-page .service-page-content .consultant-cards .card .left .view-profile-button{
  color: var(--primary-color);
}
.service-page .service-page-content .consultant-cards .card .left .consult-button{
  color: var(--primary-color);
}
.service-page .service-page-content .consultant-cards .card .left .view-profile-button:hover{
  color: var(--white-color);
  background-color: var(--primary-color);
}
.service-page .service-page-content .consultant-cards .card .left .consult-button:hover{
  color: var(--white-color);
  background-color: var(--primary-color);
}
.service-page .service-page-content .consultant-cards .card .right{
  flex: 1;
}
.service-page .service-page-content .consultant-cards .card .right .card-title{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: .3em;
  margin-bottom: 5px;
}
.service-page .service-page-content .consultant-cards .card .right .card-title h3{
  font-size: 18px;
  opacity: .8;
  transition: .3s;
}
.service-page .service-page-content .consultant-cards .card:hover .card-title h3{
  color: var(--primary-color);
}
.service-page .service-page-content .consultant-cards .card .right span{
  display: block;
  font-size: 15px;
  opacity: .7;
}
.service-page .service-page-content .consultant-cards .card .right .img-wrap{
  margin-top: 10px;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
.service-page .service-page-content .consultant-cards .card .right .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service-page .service-page-content .consultant-cards .card .right .experience{
  margin-top: 10px;
  width:fit-content;
  padding: 5px 12px;
  border: 1px solid var(--primary-color);
  border-radius: 50px;
  text-align: center;
  color: var(--primary-color);
}
.service-page .service-page-content .consultant-cards .card .right p{
  font-size: 14px;
  opacity: .7;
}
.service-page .service-page-content .consultant-cards .card .right h6{
  opacity: .7;
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
}
.service-page .service-page-content .service-features{
  margin-top: 100px;
}
.service-page .service-page-content .service-features .cards{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
.service-page .service-page-content .service-features .cards .card{
  flex: 1;
  flex-basis: 380px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 1em;
}
.service-page .service-page-content .service-features .cards .card .left .img-wrap{
  width: 70px;
  height: 70px;
}
.service-page .service-page-content .service-features .cards .card .left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service-page .service-page-content .service-features .cards .card .right h3{
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
/*
--------------------------------------------------
------- Consultant Profile Page -------------------
-------------------------------------------------
*/
.consultant-profile-page-content{
  border-top: 1px solid var(--border-color);
  margin-top: 100px;
}
.consultant-profile-page-content .consultant-profile-categories{
  padding: 50px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.consultant-profile-page-content .consultant-profile-categories .category{
  display: block;
  flex: 1;
  flex-basis: 200px;
  max-width: fit-content;
  padding: 10px 15px;
  border: 2px solid var(--border-color);
  border-radius: 6px;
  transition: .3s;
}
.consultant-profile-page-content .consultant-profile-categories .category:hover{
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  color: var(--white-color);
}


.consultant-profile-page-content .profile-details{
  background-color: #fefbf6;
}
.consultant-profile-page-content .profile-details .profile-details-content{
  width: 80%;
  margin: auto;
  padding-bottom: 50px;
}
.consultant-profile-page-content .profile-details .profile-area{
  padding: 50px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
}
.consultant-profile-page-content .profile-details .profile-area .left{
  flex: 1;
  flex-basis: 100px;
  max-width: fit-content;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 2em;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-left{
  flex: 1;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-left .img-wrap{
  width: 150px;
  height: 150px;
  border: 1px solid var(--dark-color);
  border-radius: 100px;
  overflow: hidden;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-right .information-right-title{
  display: flex;
  align-items: center;
  gap: .5em;
  margin-bottom: 3px;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-right .information-right-title h3{
  font-size: 25px;
  font-weight: 500;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-right span{
  font-size: 16px;
  opacity: .6;
  display: block;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-right .experience{
  padding: 0;
  margin: 15px 0;
  width: fit-content;
}
.consultant-profile-page-content .profile-details .profile-area .left .profile-information .information-right .experience span{
  display: inline-block;
  padding: 7px 15px;
  background-color: #fef2dd;
  text-align: center;
  border-radius: 50px;
  color: var(--primary-color);
}

.consultant-profile-page-content .profile-details .profile-area .right{
  flex: 1;
  flex-basis: 100px;
  max-width: fit-content;
}
.consultant-profile-page-content .profile-details .profile-area .right .review{
  display: flex;
  align-items: center;
  gap: 1em;
}
.consultant-profile-page-content .profile-details .profile-area .right .review .review-right span{
  color: var(--primary-color);
}
.consultant-profile-page-content .profile-details .profile-area .right .brands-img-wrap{
  width: 100px;
  height: 100px;
}
.consultant-profile-page-content .profile-details .profile-area .right .brands-img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.consultant-profile-page-content .profile-details .profile-description{
  padding: 0 10px;
}
.consultant-profile-page-content .profile-details .profile-description p{
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  opacity: .7;
}
.consultant-profile-page-content .profile-details .experience{
  padding: 50px 10px;
}
.consultant-profile-page-content .profile-details .experience h3{
  font-size: 20px;
  font-weight: 500;
  opacity: .7;
}
.consultant-profile-page-content .profile-details .experience ul{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.consultant-profile-page-content .profile-details .experience ul li{
  display: flex;
  justify-content: start;
  align-items: start;
  gap: .7em;
}
.consultant-profile-page-content .profile-details .experience ul li span .fa-circle{
  font-size: 12px;
  opacity: .8;
}
.consultant-profile-page-content .profile-details .skill{
  padding: 50px 10px;
  padding-top: 0;
}
.consultant-profile-page-content .profile-details .skill h3{
  font-size: 20px;
  font-weight: 500;
  opacity: .7;
}
.consultant-profile-page-content .profile-details .skill ul{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.consultant-profile-page-content .profile-details .skill ul li{
  display: flex;
  justify-content: start;
  align-items: start;
  gap: .7em;
}
.consultant-profile-page-content .profile-details .profile-overview{
  width: fit-content;
  margin: auto;
  padding: 20px 50px;
  background-color: var(--white-color);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4em;
  text-align: center;
  margin-bottom: 40px;
}
.consultant-profile-page-content .profile-details .profile-overview h3{
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 10px;
}
.consultant-profile-page-content .profile-details .profile-overview p{
  opacity: .7;
}
.consultant-profile-page-content .profile-details .compare-consultant-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5em;
  width: fit-content;
  padding: 8px 15px;
  border-radius: 50px;
  margin: auto;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  transition: .3s;
}
.consultant-profile-page-content .profile-details .compare-consultant-btn:hover{
  background-color: var(--border-color);
  color: var(--dark-color);
}
.consultant-profile-page-content .choose-package{
  padding: 80px 10px;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-header{
  text-align: center;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-header h1{
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 10px;
  opacity: .8;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card{
  flex: 1;
  flex-basis: 100px;
  max-width: 300px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  overflow: hidden;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-header{
  padding: 25px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-header h3{
  font-size: 18px;
  font-weight: 500;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-header .price{
  display: flex;
  align-items: center;
  gap: .3em;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-header .price span{
  font-size: 18px;
  font-weight: 500;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body{
  padding: 20px;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form{
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group button{
  width: 100%;
  height: 40px;
  outline: none;
  border: 1px solid var(--border-color);
  background-color: transparent;
  border-radius: 10px;
  color: #000000b7;
  transition: .3s;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group button:hover{
  border: 1px solid #001199;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .submtit{
  margin-top: 20px;
  width: 100%;
  height: 40px;
  outline: none;
  border: none;
  border-radius: 20px;
  color: #000000b7;
  background-color: #e5e7f5;
  border: 1px solid #1a29a3;
  cursor: pointer;
  transition: .3s;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .submtit:hover{
  background-color: #1a29a3;
  color: var(--white-color);
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card:nth-child(2){
  min-width: 450px;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card:nth-child(2) .card-header{
  background-color: #1a29a3;
  color: var(--white-color);
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group .select-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5em;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group .select-box .input-area{
  display: flex;
  gap: .7em;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group .select-box .input-area span{
  opacity: .8;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group .select-box .price-area{
  display: flex;
  align-items: center;
  gap: .3em;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group .select-box .price-area span:last-child{
  font-weight: 500;
}
.consultant-profile-page-content .choose-package .choose-package-content .choose-package-body .card .card-body form .form-group p{
  font-size: 14px;
}
.consultant-profile-page-content .consultant-review{
  padding: 50px 10px;
  background-color: #fafafd;
}
.consultant-profile-page-content .consultant-review .review-content{
  width: 80%;
  margin: auto;
}
.consultant-profile-page-content .consultant-review .review-content .review-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.consultant-profile-page-content .consultant-review .review-content .review-header .left{
  display: flex;
  align-items: center;
  gap: 1em;
}
.consultant-profile-page-content .consultant-review .review-content .review-header .left h3{
  font-size: 22px;
  font-weight: 500;
  opacity: .8;
}
.consultant-profile-page-content .consultant-review .review-content .review-header .left .reviews-area .total-review{
  font-size: 12px;
}
.consultant-profile-page-content .consultant-review .review-content .review-header .left .reviews-area span{
  opacity: .8;
}
.consultant-profile-page-content .consultant-review .review-content .review-header .right{
  display: flex;
  align-items: center;
}
.consultant-profile-page-content .consultant-review .review-content .review-header .right span{
  font-size: 12px;
  color: var(--primary-color);
}
.consultant-profile-page-content .consultant-review .review-content .review-header .right select{
  background-color: transparent;
  border: none;
  outline: none;
}


.consultant-profile-page-content .consultant-review .review-content .review-body{
  margin-top: 50px;
  background-color: var(--white-color);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
}
.consultant-profile-page-content .consultant-review .review-content .review-body h3{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card{
  border: 1px solid var(--border-color);
  padding: 20px;
  border-radius: 10px;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top{
  display: flex;
  justify-content: space-between;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top .user-information{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top .user-information .left .img-wrap{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top .user-information .left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top .user-information .right h2{
  font-size: 16px;
  font-weight: 500;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top .user-information .right p{
  font-size: 14px;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top .user-review{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .3em;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-top .user-review span{
  font-size: 12px;
  color: var(--primary-color);
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-body{
  margin-top: 20px;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-body p{
  opacity: .7;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-footer{
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-top: 20px;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-footer .left{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .review-cards .card .card-footer .right span{
  font-size: 14px;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments{
  margin-top: 20px;
  border: 1px solid var(--border-color);
  padding: 20px;
  border-radius: 10px;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form .review-star {
  display: flex;
  justify-content: end;
  gap: 1em;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form .single-star {
  position: relative;
  width: 25px;
  height: 25px;
  /* border: 1px solid var(--secondary-color, #ccc); */
  cursor: pointer;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form .single-star input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form .single-star .star-icon {
  font-size: 20px;
  color: var(--secondary-color, #888);
  transition: color 0.3s;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form .single-star input:checked + .star-icon,
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form .single-star:hover .star-icon {
  color: gold;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  margin-top: 1em;
  border-radius: 5px;
  border: 1px solid #ccc;
  outline: none;
  border: 1px solid var(--border-color);
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form button {
  padding: 10px 30px;
  margin-top: 1em;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: white;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.consultant-profile-page-content .consultant-review .review-content .review-body .write-comments form button:hover {
  background-color: transparent;
  color: var(--primary-color);
}
.consultant-profile-page-content .consultant-short-profile{
    padding-top: 50px;
    width: 300px;
    margin: auto;
    text-align: center;
}
.consultant-profile-page-content .consultant-short-profile .consultant-profile-cart{
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.consultant-profile-page-content .consultant-short-profile .consultant-profile-cart img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.consultant-profile-page-content .consultant-short-profile h3{
    font-size: 25px;
    font-weight: 500;
}
.consultant-profile-page-content .consultant-short-profile h5{
    font-size: 18px;
    font-weight: 300;
}
.consultant-profile-page-content .quick-order-package{
    padding-top: 10px;
}
/*
--------------------------------------------------
---------Consultant List Page -------------------
-------------------------------------------------
*/
.consultant-list{
  padding: 100px 0;
  padding-top: 20px;
}
.consultant-list .consultant-list-content .consultant-list-content-header{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.consultant-list .consultant-list-content .consultant-list-content-header h1{
  font-size: 35px;
  font-weight: 500;
  color: var(--secondary-color);
}
.consultant-list .consultant-list-content .consultant-list-content-header a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5em;
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  padding: 5px 15px;
  border-radius: 3px;
  transition: .3s;
}
.consultant-list .consultant-list-content .consultant-list-content-header a:hover{
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
}

.consultant-list .consultant-list-content .consultant-filtering-area{
    background-color: var(--border-color);
    padding: 20px 0;
    padding-top: 35px;
    position: relative;
    z-index: 3;
}
.pagination-section{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2em;

}

.paginations-area{}
.paginations-area ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
}
.paginations-area li a{
    padding: 10px 20px;
    text-align: center;
    border: 1px solid var(--border-color);
    transition: .3s;
    border-radius: 5px;
}
.paginations-area li a:hover{
    color: var(--white-color);
    background-color: var(--primary-color);
}

.consultant-list .consultant-list-content .consultant-cards{
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: 1.5em;
}
.consultant-list .consultant-list-content .consultant-cards .card{
  padding: 10px;
  flex: 1;
  flex-basis: 350px;
  max-width: 380px;
  background-color: #fffefd;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  gap: 1em;
  transition: .3s;
}
.consultant-list .consultant-list-content .consultant-cards .card:hover{
  transform: translateY(-10px);
}
.consultant-list .consultant-list-content .consultant-cards .card .left{
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.consultant-list .consultant-list-content .consultant-cards .card .left .img-wrap{
  width: 150px;
  height: 170px;
  border-radius: 5px;
  overflow: hidden;
}
.consultant-list .consultant-list-content .consultant-cards .card .left .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}
.consultant-list .consultant-list-content .consultant-cards .card:hover .left .img-wrap img{
  transform: scale(110%);
}
.consultant-list .consultant-list-content .consultant-cards .card .left a{
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  transition: .3s;
}
.consultant-list .consultant-list-content .consultant-cards .card .left .view-profile-button{
  color: var(--primary-color);
}
.consultant-list .consultant-list-content .consultant-cards .card .left .consult-button{
  color: var(--primary-color);
}
.consultant-list .consultant-list-content .consultant-cards .card .left .view-profile-button:hover{
  color: var(--white-color);
  background-color: var(--primary-color);
}
.consultant-list .consultant-list-content .consultant-cards .card .left .consult-button:hover{
  color: var(--white-color);
  background-color: var(--primary-color);
}
.consultant-list .consultant-list-content .consultant-cards .card .right{
  flex: 1;
}
.consultant-list .consultant-list-content .consultant-cards .card .right .card-title{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: .3em;
  margin-bottom: 5px;
}
.consultant-list .consultant-list-content .consultant-cards .card .right .card-title h3{
  font-size: 18px;
  opacity: .8;
  transition: .3s;
}
.consultant-list .consultant-list-content .consultant-cards .card:hover .card-title h3{
  color: var(--primary-color);
}
.consultant-list .consultant-list-content .consultant-cards .card .right span{
  display: block;
  font-size: 15px;
  opacity: .7;
}
.consultant-list .consultant-list-content .consultant-cards .card .right .img-wrap{
  margin-top: 10px;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
.consultant-list .consultant-list-content .consultant-cards .card .right .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.consultant-list .consultant-list-content .consultant-cards .card .right .experience{
  margin-top: 10px;
  width:fit-content;
  padding: 5px 12px;
  border: 1px solid var(--primary-color);
  border-radius: 50px;
  text-align: center;
  color: var(--primary-color);
}
.consultant-list .consultant-list-content .consultant-cards .card .right p{
  font-size: 14px;
  opacity: .7;
}
.consultant-list .consultant-list-content .consultant-cards .card .right h6{
  opacity: .7;
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
}
.active-category{
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color) !important;
  color: var(--white-color);
}

/* All Consultnat list */
.all-consultant-list{
  background-color: #fafafa;
  padding-top: 50px;
}
/* Modal Overlay */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
  overflow: hidden;
}

/* Modal Styles */
.quick-consult-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 800px;
  max-height: 90vh;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 29px 0px;
  overflow-y: auto;
  z-index: 20000;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  overflow: auto; /* Allow scrolling inside the modal */
  height: auto;
}
.quick-consult-modal::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.quick-consult-modal {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Close button styling */
.quick-consult-modal .close-btn {
  position: relative;
  height: 30px;
  top: -15px;
  display: block;
  display: flex;
  justify-content: end;
  font-size: 30px;
  cursor: pointer;
}

/* Prevent body scroll when modal is open */
body.modal-open {
  overflow: hidden;
}
.quick-consult-modal .quick-package{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  gap: 1em;
}
.quick-consult-modal .quick-package .card{
  flex: 1;
  flex-basis: 200px;
  min-width: 300px;
  max-width: 400px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  overflow: hidden;
}
.quick-consult-modal .quick-package .card .card-header{
  padding: 25px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.quick-consult-modal .quick-package .card .card-header h3{
  font-size: 18px;
  font-weight: 500;
}
.quick-consult-modal .quick-package .card .card-header .price{
  display: flex;
  align-items: center;
  gap: .3em;
}
.quick-consult-modal .quick-package .card .card-header .price span{
  font-size: 18px;
  font-weight: 500;
}
.quick-consult-modal .quick-package .card .card-body{
  padding: 20px;
}
.quick-consult-modal .quick-package .card .card-body form{
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.quick-consult-modal .quick-package .card .card-body form .form-group{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.quick-consult-modal .quick-package .card .card-body form .form-group button{
  width: 100%;
  height: 40px;
  outline: none;
  border: 1px solid var(--border-color);
  background-color: transparent;
  border-radius: 10px;
  color: #000000b7;
  transition: .3s;
}
.quick-consult-modal .quick-package .card .card-body form .form-group button:hover{
  border: 1px solid #001199;
}
.quick-consult-modal .quick-package .card .card-body form .submtit{
  margin-top: 20px;
  width: 100%;
  height: 40px;
  outline: none;
  border: none;
  border-radius: 20px;
  color: #000000b7;
  background-color: #e5e7f5;
  border: 1px solid #1a29a3;
  cursor: pointer;
  transition: .3s;
}
.quick-consult-modal .quick-package .card .card-body form .submtit:hover{
  background-color: #1a29a3;
  color: var(--white-color);
}

.quick-consult-modal .quick-package .card .card-body form .form-group .select-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5em;
}
.quick-consult-modal .quick-package .card .card-body form .form-group .select-box .input-area{
  display: flex;
  gap: .7em;
}
.quick-consult-modal .quick-package .card .card-body form .form-group .select-box .input-area span{
  opacity: .8;
}
.quick-consult-modal .quick-package .card .card-body form .form-group .select-box .price-area{
  display: flex;
  align-items: center;
  gap: .3em;
}
.quick-consult-modal .quick-package .card .card-body form .form-group .select-box .price-area span:last-child{
  font-weight: 500;
}
.quick-consult-modal .quick-package .card .card-body form .form-group p{
  font-size: 14px;
}

.quick-consult-modal .quick-package .card-row{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.quick-consult-modal .quick-package .card-row .card{
  flex: 1;
}
.quick-consult-modal .quick-package .direct-order-card{
  height: 610px;
}
.quick-consult-modal .quick-package .direct-order-card .form-group{
  height: 390px;
  overflow: auto; /* Allow scrolling inside the modal */
}
/* For WebKit browsers (Chrome, Edge, Safari) */
.quick-consult-modal .quick-package .direct-order-card .form-group::-webkit-scrollbar {
  width: 10px; /* Scrollbar width */
  height: 10px; /* Scrollbar height for horizontal scroll */
}

.quick-consult-modal .quick-package .direct-order-card .form-group::-webkit-scrollbar-thumb {
  background-color: #4a90e2; /* Scrollbar handle color */
  border-radius: 10px; /* Rounded corners */
  border: 2px solid #f0f0f0; /* Border around handle */
}

.quick-consult-modal .quick-package .direct-order-card .form-group::-webkit-scrollbar-thumb:hover {
  background-color: #357ABD; /* Darker color on hover */
}

.quick-consult-modal .quick-package .direct-order-card .form-group::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* Track color */
  border-radius: 10px;
}

.quick-consult-modal .quick-package .direct-order-card .form-group::-webkit-scrollbar-track:hover {
  background-color: #e0e0e0; /* Slightly darker track on hover */
}

/* Optional: Hide scrollbar but allow scrolling */
/* ::-webkit-scrollbar {
  display: none;
} */

/* For Firefox */
.quick-consult-modal .quick-package .direct-order-card .form-group{
  scrollbar-width: thin; /* Thin scrollbar */
  scrollbar-color: #4a90e2 #f0f0f0; /* Handle and track color */
}

/* All Consultnat list End */
/*
--------------------------------------------------
----------------Custom Quotation Page--------------
-------------------------------------------------
*/
.custom-quotation-page{
  padding: 100px 0;
  padding-top: 200px;
}
.custom-quotation-page .quotation-content .quoation-header{
  text-align: center;
  margin-bottom: 50px;
}
.custom-quotation-page .quotation-content .quoation-header h1{
  font-size: 35px;
  font-weight: 500;
  opacity: .7;
  margin-bottom: 10px;
}
.custom-quotation-page .quotation-content .quoation-body form{
  width: 80%;
  margin: auto;
  background-color: #f9f9f9;
  padding: 50px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.custom-quotation-page .quotation-content .quoation-body form .form-group{
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.custom-quotation-page .quotation-content .quoation-body form .form-group label{
  opacity: .7;
}
.custom-quotation-page .quotation-content .quoation-body form .form-group .form-control{
  width: 100%;
  height: 45px;
  outline: none;
  border: 1px solid var(--border-color);
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  opacity: .7;
}
.custom-quotation-page .quotation-content .quoation-body form .form-group .form-control,textarea{
  height: auto;
}
.custom-quotation-page .quotation-content .quoation-body form .form-group button{
  width: 250px;
  margin: auto;
}
/*
--------------------------------------------------
-------Consultant Compare Page -------------------
-------------------------------------------------
*/
.consultant-compare-page{
  border-top: 1px solid var(--border-color);
  margin-top: 100px;
  padding: 50px 0;
}
.consultant-compare-page .compare-header-title{
  padding: 0 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.consultant-compare-page-content{
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.consultant-compare-page-content .compare-header{
  border: 1px solid var(--border-color);
  padding: 20px;
  border-radius: 10px;
}
.consultant-compare-page-content .compare-header .compare-header-content{
  background-color: #fafafa;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
}
.consultant-compare-page-content .compare-header .compare-row:first-child{
  min-width: 150px;
}
.consultant-compare-page-content .compare-header .compare-row{
  flex: 1;
  flex-basis: 20px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.consultant-compare-page-content .compare-body{
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.consultant-compare-page-content .compare-body .card{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
  position: relative;
}
.consultant-compare-page-content .compare-body .card:last-child{
  padding-bottom: 0;
  border-bottom: none;
}
.consultant-compare-page-content .compare-body .card .profile-card{
  flex: 1;
  flex-basis: 20px;
  min-width: 150px;
  background-color: #fafafa;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.consultant-compare-page-content .compare-body .card .profile-card .img-wrapper{
  width: 80px;
  height: 80px;
  border-radius: 100px;
  overflow: hidden;
}
.consultant-compare-page-content .compare-body .card .profile-card .img-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.consultant-compare-page-content .compare-body .card .profile-card .card-title{
  margin-top: 5px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: .2em;
}
.consultant-compare-page-content .compare-body .card .profile-card .card-title h3{
  font-size: 10px;
  font-weight: 500;
}
.consultant-compare-page-content .compare-body .card .profile-card .card-title img{
  width: 15px;
  height: 15px;
}
.consultant-compare-page-content .compare-body .card .profile-card p{
  font-size: 10px;
  text-align: center;
}

.consultant-compare-page-content .compare-body .card .card-experience{
  flex: 1;
  flex-basis: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.consultant-compare-page-content .compare-body .card .card-comany{
  flex: 1;
  flex-basis: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.consultant-compare-page-content .compare-body .card .card-comany .img-wrapper{
  width: 80px;
}

.consultant-compare-page-content .compare-body .card .card-booking{
  flex: 1;
  flex-basis: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.consultant-compare-page-content .compare-body .card .card-job{
  flex: 1;
  flex-basis: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.consultant-compare-page-content .compare-body .card .card-pricing{
  flex: 1;
  flex-basis: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.consultant-compare-page-content .compare-body .card .card-rating{
  flex: 1;
  flex-basis: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.consultant-compare-page-content .compare-body .card .card-rating .rating-area span{
  font-size: 12px;
  color: var(--primary-color);
}
.consultant-compare-page-content .compare-body .card .remove-card{
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  width: 120px;
  height: 50px;
  background-color: var(--white-color);
  color: var(--primary-color);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
  border-radius: 5px;
  overflow: hidden;
  visibility: hidden;
  transition: .3s;
}
.consultant-compare-page-content .compare-body .card .remove-card span{
  font-size: 20px;
  cursor: pointer;
}
.consultant-compare-page-content .compare-body .card .remove-card span:last-child{
  color: tomato;
}
.consultant-compare-page-content .compare-body .card:hover .remove-card{
  visibility: visible;
}
.consltant-shortcart{
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 80px;
  height: 352px;
  background-color: var(--white-color);
  border: 1px solid var(--border-color);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  color: var(--white-color);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px 0;
  z-index: 4;
}
.consltant-shortcart .consultant-shortcart-content{
  width: 100%;
  height: calc(360px - 60px);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  gap: .5em;
  overflow-y: scroll;
}
.consltant-shortcart .consultant-shortcart-content::-webkit-scrollbar {
  display: none;
}
.consltant-shortcart .consultant-shortcart-content .card{
  min-width: 60px;
  min-height: 60px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.consltant-shortcart .consultant-shortcart-content .card .card-remove-area{
  position: absolute;
  top: 0;
  left: -200px;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  color: tomato;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
  transition: .5s;
  cursor: pointer;
}
.consltant-shortcart .consultant-shortcart-content .card:hover .card-remove-area{
  left: 0;
}
.consltant-shortcart .consultant-shortcart-content .card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.consltant-shortcart .consultant-shortcart-content span{
  font-size: 20px;
}
.consltant-shortcart .shortcart-bottom{
  width: 100%;
  height: 40px;
  background-color: var(--primary-color);
  color: var(--white-color);
  border-top: 1px solid var(--primary-color);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: .3s;
  position: relative;
}
.consltant-shortcart .shortcart-bottom a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
}
.consltant-shortcart .shortcart-bottom:hover{
  color: var(--secondary-color);
}
.mobile-consultant-shortcart{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: var(--primary-color);
    text-align: center;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 3;
    display: none;
}


.shortcart-title{
  position: absolute;
  top: 50%;
  left: -210px;
  transform: translateY(-50%);
  width: 200px;
  height: 80px;
  background-color: var(--white-color);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 10px;
  border-radius: 10px;
  font-size: 13px;
  color: var(--secondary-color);
  transition: .3s;
  visibility: hidden;
}
.shortcart-title span{
  display: block;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--white-color);

}
.consltant-shortcart .shortcart-bottom:hover .shortcart-title{
  visibility: visible;
}
/*
--------------------------------------------------
----------Become a Consultant Page -------------------
-------------------------------------------------
*/
.consultant-breadcrumb{
  padding: 30px 0;
  background-color: #f9fbff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.consultant-breadcrumb .breadcrumb-card{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.consultant-breadcrumb .breadcrumb-card span{
  font-size: 20px;
  opacity: .8;
}
.consultant-breadcrumb .breadcrumb-active{
  color: var(--primary-color);
}
.become-a-consultant-page-content{
  padding: 50px 0;
}
.consultant-account-type-header h1{
  font-size: 35px;
  font-weight: 500;
  opacity: .9;
  text-align: center;
}
.become-a-consultant-page-content .consultant-account-type{
  width: 80%;
  margin: auto;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
.become-a-consultant-page-content .consultant-account-type .card{
  flex: 1;
  text-align: center;
  border: 2px solid var(--border-color);
  padding: 15px;
  border-radius: 8px;
  transition: .3s;
  cursor: pointer;
}
.become-a-consultant-page-content .consultant-account-type .card:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.become-a-consultant-page-content .consultant-account-type .card h3{
  font-size: 18px;
  font-weight: 500;
  opacity: .8;
}
.become-a-consultant-page-content .consultant-account-type .active-account-type{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.become-a-consultant-page-content .consultant-expertise{
  width: 80%;
  margin: auto;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  margin-top: 50px;
}
.become-a-consultant-page-content .consultant-expertise .consultant-expertise-header{
  padding: 20px;
  border-bottom: 1px solid var(--border-color);
}
.become-a-consultant-page-content .consultant-expertise .consultant-expertise-header h1{
  font-size: 25px;
  font-weight: 500;
  opacity: .9;
  text-align: center;
}
.become-a-consultant-page-content .consultant-expertise .expertice-cards{
  padding: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
.become-a-consultant-page-content .consultant-expertise .card{
  flex: 1;
  flex-basis: 300px;
  text-align: center;
  border: 2px solid var(--border-color);
  padding: 15px;
  border-radius: 8px;
  transition: .3s;
  cursor: pointer;
}
.become-a-consultant-page-content .consultant-expertise .card h3{
  font-size: 18px;
  font-weight: 500;
  opacity: .8;
}
.become-a-consultant-page-content .consultant-expertise .card:hover{
  border: 2px solid var(--primary-color);
}
.become-a-consultant-page-content .consultant-expertise .active-expertise{
  border: 2px solid var(--primary-color);
}

.consultant-navigate{
  padding-top: 20px;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: end;
}
.consultant-navigate .navigate-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  outline: none;
  width: 100px;
  height: 35px;
  padding: 0 10px;
  background-color: transparent;
  border-radius: 20px;
  cursor: pointer;
  transition: .3s;
}
.consultant-navigate .navigate-btn span{
  transition: .3s;
}
.consultant-navigate .navigate-btn:hover span:last-child{
  transform: translateX(10px);
}
/*
--------------------------------------------------
----------Personal Information Page-----------------
-------------------------------------------------
*/
.personal-information-page-content{
  padding: 50px 0;
}
.personal-information-content{
  width: 80%;
  margin: auto;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
}
.personal-information-content .form{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.personal-information-content .form .row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.personal-information-content .form .row .form-group{
  flex: 1;
  flex-basis: 200px;
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.personal-information-content .form .row .form-group label{
  font-size: 14px;
  opacity: .8;
}
.personal-information-content .form .row .form-group .form-control{
  width: 100%;
  height: 45px;
  outline: none;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
}
.personal-information-content .form .row .form-group .form-control-textarea{
  width: 100%;
  height: 80px;
  outline: none;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
}
.personal-information-content .form .row .form-group .password-group{
  display: flex;
  align-items: center;
  padding-right: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.personal-information-content .form .row .form-group .password-group .form-control-password{
  width: 100%;
  height: 45px;
  outline: none;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
}
.personal-information-content .form .row .form-group .password-group .passsword{
  cursor: pointer;
}
.personal-information-content .form .row .form-group .form-control-btn{
  width: 100%;
  height: 45px;
  outline: none;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
  cursor: pointer;
  transition: .3s;
}
.personal-information-content .form .row .form-group .form-control-btn:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
/*
--------------------------------------------------
----------------Contact Page -------------------
-------------------------------------------------
*/
.contact-page-header{
  width: 80%;
  padding-top: 50px;
}
.contact-page-header h1{
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 10px;
}
.contact-page-header p{
  font-size: 18px;
  line-height: 28px
}
.contant-page-content{
  padding: 50px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
}
.contant-page-content .contant-form{
  flex: 1;
  flex-basis: 300px;
  border: 1px solid var(--border-color);
  padding: 20px;
  border-radius: 10px;
}
.contant-page-content .contant-form form{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.contant-page-content .contant-form form .row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.contant-page-content .contant-form form .row .form-group{
  flex: 1;
  flex-basis: 200px;
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.contant-page-content .contant-form form .row .form-group label{
  font-size: 14px;
  opacity: .8;
}
.contant-page-content .contant-form form .row .form-group .form-control{
  width: 100%;
  height: 45px;
  outline: none;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
}
.contant-page-content .contant-form form .row .form-group .form-control-textarea{
  width: 100%;
  height: 80px;
  outline: none;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
}
.contant-page-content .contant-form form .row .form-group .form-control-btn{
  width: 100%;
  height: 45px;
  outline: none;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
  cursor: pointer;
  transition: .3s;
}
.contant-page-content .contant-form form .row .form-group .form-control-btn:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.contant-page-content .company-details{
  flex: 1;
  flex-basis: 300px;
  border: 1px solid var(--border-color);
  padding: 30px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.contant-page-content .company-details .details-card{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.contant-page-content .company-details .details-card .row{
  display: flex;
  flex-direction: column;
  gap: .2em;
}
.contant-page-content .company-details .details-card .row h3{
  font-size: 25px;
  font-weight: 500;
  opacity: .8;
}
.contant-page-content .company-details #map{
  width: 100%;
  height: 100%;
}
/*
--------------------------------------------------
----------------Pro Consultant Page-----------------
-------------------------------------------------
*/
.pro-consultnat-contnet{
  padding: 100px 0;
}
.pro-consultnat-contnet .pro-consultant-header h1{
  font-size: 35px;
  font-weight: 700;
  color: var(--secondary-color);
  margin-bottom: 10px;
}
.pro-consultnat-contnet .pro-consultant-body{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* align-items: center; */
  gap: 2em;
}
.pro-consultnat-contnet .pro-consultant-body .card{
  flex: 1;
  flex-basis: 300px;
  max-width: 400px;
  padding: 50px 30px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: .3s;
  position: relative;
}
.package-name{
    position: absolute;
    top: 28px;
    left: 30px;
}
.package-name h3{
    position: relative;
    z-index: 3;
    margin-bottom: 10px;
    font-size: 50px;
    color: transparent;
    letter-spacing: 2px;
    opacity: .1;
    -webkit-text-stroke: 1px var(--secondary-color);
}

.pro-consultnat-contnet .pro-consultant-body .card:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.pro-consultnat-contnet .pro-consultant-body .card .card-top h3{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.pro-consultnat-contnet .pro-consultant-body .card .card-top h2{
  font-size: 35px;
  font-weight: 500;
}
.pro-consultnat-contnet .pro-consultant-body .card .card-bottom a{
  margin: 50px 0;
  display: block;
  width: 160px;
  height: 50px;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  color: var(--white-color);
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  transition: .3s;
}
.pro-consultnat-contnet .pro-consultant-body .card .card-bottom a:hover{
  background-color: transparent;
  color:  var(--secondary-color);
}
.pro-consultnat-contnet .pro-consultant-body .card .card-bottom ul{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.pro-consultnat-contnet .pro-consultant-body .card .card-bottom ul li{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1em;
}
.pro-consultnat-contnet .pro-consultant-body .card .card-bottom ul li .img-wraper{
  width: 25px;
  height: 25px;
}
.pro-consultnat-contnet .pro-consultant-body .card .card-bottom ul li .img-wraper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro-consultnat-contnet .pro-consultant-body .card .card-bottom ul li span{
  flex: 1;
}
/*
--------------------------------------------------
----------------Booking Page -------------------
-------------------------------------------------
*/
.booking-page{
    padding: 100px 0;
    padding-top: 50px;
    border-top: 1px solid var(--border-color);
    margin-top: 100px;
}
.booking-page .booking-page-content .consultant-short-profile{
    text-align: center;
}
.booking-page .booking-page-content .consultant-short-profile .consultant-profile-cart{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 1pxx solid var(--border-color);
    overflow: hidden;
    margin: auto;
}
.booking-page .booking-page-content .consultant-short-profile .consultant-profile-cart img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.booking-page .booking-page-content .consultant-short-profile h3{
    font-size: 30px;
    font-weight: 500;
    margin-top: 10px;
}
.booking-page .booking-page-content .consultant-short-profile h5{
    font-size: 22px;
    font-weight: 300;
}
.booking-page .booking-page-content .consultant-short-profile h1{
    font-size: 30px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 35px;
}
.booking-page .booking-page-content .consultant-short-profile p{
    font-size: 20px;
    margin-bottom: 30px;
}
/*
--------------------------------------------------
----------------Checkout Page -------------------
-------------------------------------------------
*/
.checkout-page{
    min-height: calc(100vh - 90px);
    padding: 100px 0;
    padding-top: 50px;
    border-top: 1px solid var(--border-color);
    margin-top: 100px;
    background-color: var(--light-bg-color);
}
.checkout-page .checkout-page-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2em;
}
.checkout-page .checkout-page-content .left{
    flex: 1;
    flex-basis: 60%;
    border: 1px solid var(--border-color);
    background-color: var(--white-color);
    padding: 20px;
}
.checkout-page .checkout-page-content .left h1{
    font-size: 20px;
    font-weight: 300;
}
.checkout-page .checkout-page-content .left .consultant-info{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 1em;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
    color: var(--secondary-color);
    padding: 10px;
}
.checkout-page .checkout-page-content .left .consultant-info .img-wrapper{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-right: 1px solid var(--border-color);
}
.checkout-page .checkout-page-content .left .consultant-info .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.checkout-page .checkout-page-content .left .consultant-info .consultant-info-details h3{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.checkout-page .checkout-page-content .left .consultant-info .consultant-info-details h5{
    font-size: 16px;
    font-weight: 300;
}

.checkout-page .checkout-page-content .left .service-item-section{
    border: 1px solid var(--border-color);
    margin-top: 5px;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    padding: 10px;
    font-weight: 500;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .description-header{
    width: 400px;
    text-align: left;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .duration-header{
    flex: 1;
    text-align: center;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .price-header{
    flex: 1;
    text-align: center;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .remove-header{
    flex: 1;
    text-align: center;
}

.checkout-page .checkout-page-content .left .service-item-section .service-item-header .sevice-name-header{
    width: 250px;
}

.checkout-page .checkout-page-content .left .service-item-section .service-item-body .sevice-name{
    width: 250px;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .date-header,
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .slot-header,
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .price-header{
    flex: 1;
    text-align: center;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-header .date-header{
    flex-basis: 100px;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .date,
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .slot,
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .price{
    flex: 1;
    text-align: center;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .date{
    flex-basis: 100px;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body{
    border-top: 1px solid var(--border-color);
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    padding: 10px;
    border-bottom: 1px solid var(--border-color);
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .row:last-child{
    border-bottom: none;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .row .description{
    width: 400px;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .row .duration{
    flex: 1;
    text-align: center;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .row .price{
    flex: 1;
    text-align: center;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .row .remove{
    flex: 1;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}
.checkout-page .checkout-page-content .left .service-item-section .service-item-body .row .remove:hover{
    color: var(--primary-color);
}
.checkout-page .checkout-page-content .left .service-footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    gap: 2em;
    padding: 10px 0;
}
.checkout-page .checkout-page-content .left .service-footer form{
    border: 1px solid var(--border-color);
}
.checkout-page .checkout-page-content .left .service-footer form input{
    width: 200px;
    height: 40px;
    outline: none;
    border: none;
    padding: 10px;
    font-size: 16px;
}
.checkout-page .checkout-page-content .left .service-footer form button{
    width: 60px;
    height: 40px;
    outline: none;
    border: none;
    background-color: var(--primary-color);
    color: var(--white-color);
    cursor: pointer;
}

.checkout-page .checkout-page-content .right{
    flex: 1;
    flex-basis: 30%;
    border: 1px solid var(--border-color);
    background-color: var(--white-color);
}
.checkout-page .checkout-page-content .right form{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}
.checkout-page .checkout-page-content .right form .cart-footer{
    flex: 1;
    display: flex;
    align-items: end;
}
.checkout-page .checkout-page-content .right form .cart-footer button{
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    background-color: var(--primary-color);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
}
.checkout-page .checkout-page-content .right form .cart-footer button:hover{
    color: var(--primary-color);
    background-color: transparent;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.checkout-page .checkout-page-content .right .cart-header{
    border-bottom: 1px solid var(--border-color);
    padding: 10px 20px;
}
.checkout-page .checkout-page-content .right .cart-header h3{
    font-size: 20px;
    font-weight: 500;
}
.checkout-page .checkout-page-content .right .cart-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
}
.checkout-page .checkout-page-content .right .cart-body .cart-sub-total{
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
}
.checkout-page .checkout-page-content .right .cart-body .cart-discount{
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
}
.checkout-page .checkout-page-content .right .cart-body .cart-total{
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
}
.checkout-page .checkout-page-content .right .cart-body .cart-total{
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    margin-top: 20px;
}
.checkout-page .checkout-page-content .right .cart-body .cart-duration{
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.checkout-page .checkout-page-content .right .cart-body .cart-duration{}
/*
--------------------------------------------------
----------------Footer Section -------------------
-------------------------------------------------
*/
.footer .footer-content{}
.footer .footer-content .top-footer{
  background-color: #dcdcdc;
  padding: 50px 10px;
}
.footer .footer-content .top-footer .top-footer-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .footer-content .top-footer .top-footer-content .left{}
.footer .footer-content .top-footer .top-footer-content .left h3{
  font-size: 25px;
  font-weight: 500;
  color: var(--secondary-color);
}
.footer .footer-content .top-footer .top-footer-content .left .subscription{
  margin-top: 20px
}
.footer .footer-content .top-footer .top-footer-content .left .subscription .input-group{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.footer .footer-content .top-footer .top-footer-content .left .subscription .input-group input{
  width: 300px;
  height: 50px;
  padding: 20px;
  outline: none;
  border: none;
  border-radius: 50px;
  font-size: 16px;
}
.footer .footer-content .top-footer .top-footer-content .left .subscription .input-group button{
  width: 50px;
  height: 50px;
  outline: none;
  border: none;
  border-radius: 50px;
  color: #dcdcdc;
  background-color: var(--white-color);
  font-size: 18px;
  transition: .3s;
  cursor: pointer;
}
.footer .footer-content .top-footer .top-footer-content .left .subscription .input-group button:hover{
  background-color: var(--primary-color);
}
.footer .footer-content .footer-body{
  background-color: var(--secondary-color);
}
.footer .footer-content .footer-body .footer-body-content{
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  padding: 50px 10px;
}
.footer .footer-content .footer-body .footer-body-content .row{
  flex: 1;
}
.footer .footer-content .footer-body .footer-body-content .row:first-child{
  min-width: 500px;
}
.footer .footer-content .footer-body .footer-body-content .row .img-wrap{
  width: 220px;
  height: 80px;
}
.footer .footer-content .footer-body .footer-body-content .row .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .footer-content .footer-body .footer-body-content .row p{
  color: var(--white-color);
  opacity: .9;
  width: 300px;
  margin-top: 20px;
}
.footer .footer-content .footer-body .footer-body-content .row .social-media{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 2em;
  margin-top: 50px;
}
.footer .footer-content .footer-body .footer-body-content .row .social-media h3{
  font-size: 14px;
  color: var(--white-color);
  text-transform: uppercase;
  opacity: .8;
}
.footer .footer-content .footer-body .footer-body-content .row .social-media .media-group{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.footer .footer-content .footer-body .footer-body-content .row .social-media .media-group a{
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: var(--white-color);
  text-align: center;
  border-radius: 50px;
  transition: .3s;
}
.footer .footer-content .footer-body .footer-body-content .row .social-media .media-group a:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.footer .footer-content .footer-body .footer-body-content .row h3{
  font-size: 20px;
  color: var(--white-color);
}
.footer .footer-content .footer-body .footer-body-content .row ul{
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.footer .footer-content .footer-body .footer-body-content .row ul li{
  transition: .3s;
}
.footer .footer-content .footer-body .footer-body-content .row ul li a{
  color: var(--white-color);
  opacity: .8;
  transition: .3s;
}
.footer .footer-content .footer-body .footer-body-content .row ul li:hover a{
  color: var(--primary-color);
  opacity: 1;
}
.footer .footer-content .footer-body .footer-body-content .row ul li:hover{
  transform: translateX(10px);
}