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


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:1rem;
  color:#6e6e6e;
  line-height:1.75rem;
  font-weight:400;
  background:#ffffff;
  font-family: "Montserrat", sans-serif!important;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:75rem) {
  .container {
    max-width: 75rem;
    padding: 0rem 0.9375rem;
  }
}

.large-container{
  max-width: 96.875rem;
  padding: 0rem 0.9375rem;
  margin: 0 auto;
}

.container-fluid{
  padding: 0rem;
}

.auto-container{
  position:static;
  max-width:82.5rem;
  padding:0rem 0.9375rem;
  margin:0 auto;
}

.small-container{
  max-width:42.5rem;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 18.75rem;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  /* font-family: 'Rubik', sans-serif; */
  font-weight: 400;
  font-size: 1rem;
  background: transparent;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

ul,li{
  list-style:none;
  padding:0rem;
  margin:0rem; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  color: #6e6e6e;
  font-weight: 400;
  margin: 0rem;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #141417;
  margin: 0rem;
  transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.preloader-close{
  position: fixed;
  z-index: 99999999;
  font-size: 1.625rem;
  background: #fff;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.25rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  right: 1.875rem;
  top: 1.875rem;
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 9.375rem;
  margin: 0 auto 2.8125rem auto;
  width: 9.375rem;
}

.handle-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: 0.9375rem;
  display: inline-block;
  position: relative;
  font-size: 4.375rem;
  line-height: 4.375rem;
  text-transform: uppercase;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 0.0625rem);
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  color: #ffffff;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: #ffffff;
}

.handle-preloader .animation-preloader .spinner{
  border: 0.1875rem solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.5); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 47.9375rem) {
  .handle-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 31.25rem) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading 
  {font-size: 26px !important; letter-spacing: 0.625rem;}

  


}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0rem;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

/** button **/


.theme-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #fff !important;
  text-align: center;
  padding: 1.0625rem 2.8125rem;
  text-transform: capitalize;
  border-radius: 1.875rem;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.btn-one{

}

.theme-btn:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background: #111821;
  top: 0rem;
  left: 0rem;
  z-index: -1;
  transition: all 500ms ease;
}

.header-top .theme-btn:hover:before{
  width: 100%;
  background-image: linear-gradient(58deg, #ecfaf9 0%, #f1fffe  100%)!important;
}

.pagination{
  position: relative;
  display: block;
}

.pagination li{
  position: relative;
  display: inline-block;
  margin-right: 0.625rem;
}

.pagination li:last-child{
  margin: 0rem !important;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 1.0625rem;
  font-weight: 500;
  height: 3.125rem;
  width: 3.125rem;
  line-height: 3.125rem;
  background: #f2f4f5;
  text-align: center;
  color: #141417;
  z-index: 1;
  border-radius: 50%;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
}

.sec-pad{
  padding: 7.1875rem 0rem 7.5rem 0rem;
}

.mr-0{
  margin: 0rem !important;
}

/** scroll-to-top **/

.scroll-top {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  position: fixed;
  bottom: 105%;
  right: 3.125rem;
  font-size: 1.5rem;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: 1s ease;
  border-radius: 50%;
}

.scroll-top:hover{
  box-shadow: 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.5);
}

.scroll-top.open {
  bottom: 1.875rem;
}

.scroll-top span{
  color: #fff;
}



@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 1.875rem rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 1.875rem rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 1.875rem rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 1.875rem rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.sec-title h5{
  text-transform: uppercase;
}





/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0rem;
  top:0rem;
  right: 0rem;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0rem;
  top:0rem;
  width:100%;
  z-index:0;
  background-color: #fff;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.10);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/** header-top **/


.header-top{
  position: relative;
  width: 100%;
  background: #111821;
  padding: 0.75rem 0rem;
}

.header-top .top-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-top .info{
  position: relative;
  display: flex;
  align-items: center;
}

.header-top .info li {
  position: relative;
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  color: #fff;
  margin-right: 1rem;
  padding-left: 0;
}

.header-top .info li:last-child{
  padding-right: 0rem;
  margin-right: 0rem;
  border: none;
}

.header-top .info li i{
  position: absolute;
  left: 0rem;
  top: 0.1875rem;
  font-size: 1.125rem;
  color: #70747a;
}

.header-top .info li a{
  display: inline-block;
  color: #fff;
}

.header-top .info li a:hover{

}

.header-top .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 1.5625rem;
}

.header-top .social-links li:last-child{
  margin: 0rem !important;
}

.header-top .social-links li p{
  font-size: 0.9375rem;
  color: #fff;
}

.header-top .social-links li a {
  font-size: 0.8125rem;
  color: #4f67d2;
}
.header-top .social-links li a {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #4f67d2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  color: #fff!important;
}

.header-top .right-column{
  display: flex;
  align-items: center;
}

.header-top .right-column .schedule{
  position: relative;
  display: block;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  color: #fff;
  padding-left: 1.875rem;
  margin-right: 1.875rem;
}

.header-top .right-column .schedule i{
  position: absolute;
  left: 0rem;
  top: 0.125rem;
  font-size: 1.25rem;
  color: #70747a;
}

/** header-lower **/

.header-lower{
  position: relative;
  width: 100%;
  background: #fff;
  box-shadow: 0rem 1.25rem 1.875rem 0rem rgba(0, 0, 0, 0.05);
}

.main-header .outer-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-header .outer-box .nav-right{
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .outer-box .nav-right .search-box-outer{
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  color: #141417;
  cursor: pointer;
  margin-right: 1.875rem;
  transition: all 500ms ease;
}


/*** Search Popup ***/

.search-popup {
  position: fixed;
  left: 0;
  top: 0rem;
  width: 100%;
  height: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.80);
  padding-bottom: 12.5rem;
  -webkit-transform: translateY(101%);
  -ms-transform: translateY(101%);
  transform: translateY(101%);
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

.search-popup.popup-visible {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}

.search-popup .popup-inner{
  width: 100%;
  background: #fff;
}

.search-popup .upper-box{
  position: relative;
  padding: 4.375rem 4.375rem;
}

.search-popup .overlay-layer {
  position: absolute;
  left: 0rem;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  display: block;
}

.search-popup .close-search {
  position: relative;
  font-size: 1.375rem;
  color: #141417;
  cursor: pointer;
  z-index: 5;
  top: 0.6875rem;
  transition: all 500ms ease;
}

.search-popup .close-search:hover {
  color: red;
}

.search-popup .search-form {
  position: relative;
  width: 100%;
  padding: 6.25rem 0rem 15.625rem 0rem;
}

.search-popup .search-form .form-group{
  position: relative;
  margin: 0rem;
}

.search-popup .search-form fieldset input[type="search"] {
  position: relative;
  height: 5.625rem;
  padding: 1.25rem 0rem;
  background: #ffffff;
  line-height: 1.875rem;
  font-size: 1.25rem;
  color: #808080;
  font-family: 'Poppins', sans-serif;
  border: none;
  font-weight: 400;
  border-radius: 0rem;
  padding-right: 3.125rem;
  border-bottom: 0.0625rem solid #e5e5e5;
}

.search-popup .search-form fieldset button[type="submit"] {
  position: absolute;
  top: 1.875rem;
  right: 0rem;
  font-size: 1.375rem;
  color: #141417;
  cursor: pointer;
  transition: all 500ms ease;
}

.search-popup .search-form fieldset input[type="search"]:focus{
  border-color: #141417;
}

.search-popup .form-control:focus{
  box-shadow: none !important;
}


/** main-menu **/

.main-menu{
  float: left;
}

.main-menu .navbar-collapse{
  padding:0rem;
  display:block !important;
}

.main-menu .navigation{
  margin:0rem;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  margin: 0rem 0.9375rem;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0rem !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0rem !important;
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.875rem;
  padding: 2.1875rem 0rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  opacity: 1;
  color: #141417;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.main-menu .navigation > li.dropdown > a{
  padding-right: 1.25rem;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li.dropdown > a:before{
  position: absolute;
  content: "\f107";
  font-family: 'Font Awesome 5 Pro';
  top: 2.3125rem;
  right: 0rem;
  font-weight: 700;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:15.625rem;
  margin-top: 0.9375rem;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  padding: 0.625rem 0rem;
  border-radius: 0rem;
  background-color: #141417;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0rem;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding: 0.625rem 1.875rem;
  line-height:1.5rem;
  font-weight:400;
  font-size:0.9375rem;
  text-transform:capitalize;
  font-family: 'Montserrat', sans-serif;
  color:#fff;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a{
  border-bottom: 0.0625rem solid rgba(255,255,255,0.1);
}

.main-menu .navigation > li > .megamenu li > a{
  padding-left: 0rem;
}

.main-menu .navigation > li > .megamenu h4{
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #ffffff;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{

}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:1.25rem;
  top:0.625rem;
  display:block;
  line-height:1.5rem;
  font-size:1rem;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  margin-top: 0.9375rem;
  width:14.375rem;
  z-index:100;
  display:none;
  padding: 0.625rem 0rem;
  border-radius: 0rem;
  background-color: #141417;
  box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, .20);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0rem;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:0.625rem 1.875rem;
  line-height:1.5rem;
  font-weight:400;
  font-size:0.9375rem;
  text-transform:capitalize;
  font-family: 'Montserrat', sans-serif;
  color:#fff;
  border-bottom: 0.0625rem solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:1.25rem;
  top:0.75rem;
  display:block;
  line-height:1.5rem;
  font-size:1rem;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  margin-top: 0rem;
  top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top: 0%; 
  margin-top: 0rem;
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-2rem;
  top:4.125rem;
  width:2.125rem;
  height:1.875rem;
  text-align:center;
  font-size:1.125rem;
  line-height:1.625rem;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 2.5rem;
  line-height: 3.125rem;
  cursor: pointer;
  color: #4f67d2;
  display: none;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 0.125rem;
  width: 1.875rem;
  display: block;
  margin-bottom: 0.3125rem;
  background-color: #222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0rem;
}

.sticky-header .main-menu .navigation > li > a{
  padding: 1.875rem 0rem;
}

.sticky-header .main-menu .navigation > li > a:before{
  display: none !important;
}

.sticky-header .logo-box{
  padding: 1.25rem 0rem;
}

.sticky-header .nav-right{
  padding: 0.9375rem 0rem;
}


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 1.875rem 3.125rem;
  left: 0rem;
}

.main-menu .navigation li.dropdown .megamenu li h4{
  margin-bottom: 0.625rem;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 2.5rem;
  line-height: 3.125rem;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 18.75rem;
  padding-right:1.875rem;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  transition: all 900ms ease;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:3.125rem 1.5625rem;
  text-align:left;  
  padding-bottom: 6.25rem;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 900ms ease;
  background-color: #000;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  right: 100%;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #141417;
  padding: 0rem 0rem;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0rem;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 900ms ease !important;
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 1.5625rem;
  top: 0.625rem;
  line-height: 1.875rem;
  width: 1.5rem;
  text-align: center;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 0.0625rem solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 0.0625rem solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 0.0625rem solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 1.5rem;
  padding: 0.625rem 1.5625rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 1rem;
  margin-left: 1.25rem;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:0.3125rem solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:0.375rem;
  top:0.375rem;
  width:2rem;
  height:2rem;
  text-align:center;
  font-size:1rem;
  line-height:2rem;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:0.125rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  color: #ffffff;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0rem 1.5625rem;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0rem 0.625rem 0.625rem;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:2rem;
  font-size:1rem;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  
}

div#mCSB_1_container{
  top: 0rem !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 7.5rem 1.875rem 1.25rem 1.875rem;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 1.25rem;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 0.9375rem;
  color: rgba(255,255,255,0.80);
  margin-bottom: 0.1875rem;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0rem;
}

.main-header .outer-box{
  position: relative;
}


/** banner-section **/

.banner-carousel .slide-item{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner-style-one .banner-carousel .slide-item{
  clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 100%, 0% 0%);
}

.banner-carousel .content-box{
  position: relative;
  max-width: 40.625rem;
  padding: 5.4375rem 0rem 5.8125rem 0rem;
  z-index: 5;
}

.banner-carousel .slide-item .image-layer{
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition: all 8000ms linear;
  -moz-transition: all 8000ms linear;
  -ms-transition: all 8000ms linear;
  -o-transition: all 8000ms linear;
  transition: all 8000ms linear;
}

.banner-carousel .active .slide-item .image-layer{
  -webkit-transform:scale(1.25);
  -ms-transform:scale(1.25);
  transform:scale(1.25);
}

.banner-carousel .content-box h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  margin-bottom: 0.4375rem;
  opacity: 0;
  -webkit-transform: translateY(-3.125rem);
  -moz-transform: translateY(-3.125rem);
  -ms-transform: translateY(-3.125rem);
  -o-transform: translateY(-3.125rem);
  transform: translateY(-3.125rem);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box h3{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.banner-carousel .content-box h2{
  opacity: 0;
  margin-bottom: 1.0625rem;
  -webkit-transform: translateX(3.125rem);
  -moz-transform: translateX(3.125rem);
  -ms-transform: translateX(3.125rem);
  -o-transform: translateX(3.125rem);
  transform: translateX(3.125rem);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box h2{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.banner-carousel .content-box p{
  margin-bottom: 2.0625rem;
  color: #141417;
  opacity: 0;
  -webkit-transform: translateX(-3.125rem);
  -moz-transform: translateX(-3.125rem);
  -ms-transform: translateX(-3.125rem);
  -o-transform: translateX(-3.125rem);
  transform: translateX(-3.125rem);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box p{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.banner-carousel .content-box .btn-box{
  margin-bottom: 3.125rem;
  opacity: 0;
  -webkit-transform: translateY(3.125rem);
  -moz-transform: translateY(3.125rem);
  -ms-transform: translateY(3.125rem);
  -o-transform: translateY(3.125rem);
  transform: translateY(3.125rem);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box .btn-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.banner-carousel .content-box .icon-list{
  transform: scaleX(0);
  transition: all 900ms ease;
}

.banner-carousel .active .content-box .icon-list{
  transform: scaleX(1);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.banner-carousel .content-box .icon-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 1.875rem;
  width: 5.625rem;
  height: 5.625rem;
  line-height: 6.25rem;
  font-size: 2.5rem;
  background: #fff;
  color: #242426;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0.375rem 0.5rem 0rem 0rem #ecf6f6;
}

.banner-carousel .content-box .icon-list li:last-child{
  margin: 0rem !important;
}

.banner-carousel .image-box{
  position: absolute;
  right: 5rem;
  bottom: 0rem;
}

.banner-carousel .image-box .shape .shape-1{
  position: absolute;
  bottom: 12.1875rem;
  right: -8.75rem;
  width: 19.0625rem;
  height: 19.0625rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 4s infinite linear;
  animation: zoom-fade 4s infinite linear;
}

.banner-carousel .image-box .shape .shape-2{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 28.625rem;
  height: 29.875rem;
  border-radius: 50% 50% 0rem 0rem;
}

.banner-carousel .image-box .image{
  position: relative;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(6.25rem);
  -moz-transform: translateY(6.25rem);
  -ms-transform: translateY(6.25rem);
  -o-transform: translateY(6.25rem);
  transform: translateY(6.25rem);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .image-box .image{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.banner-carousel .image-box.style-two .image{
  right: -12.5rem;
}

.banner-carousel .image-box.style-three .image{
  right: -3.125rem;
}

.banner-carousel .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 36.5rem;
  height: 34rem;
  background-repeat: no-repeat;
}

.banner-carousel .pattern-layer .pattern-2{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 26.4375rem;
  height: 7.0625rem;
  background-repeat: no-repeat;
}

.banner-carousel .pattern-layer .eye-icon{
  position: absolute;
  top: 6.875rem;
  right: 10.625rem;
  width: 7.5rem;
  height: 7.5rem;
  background-repeat: no-repeat;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.owl-nav button{
  background: transparent;
}

.banner-carousel .owl-nav{
  position: absolute;
  left: 0rem;
  top: 45%;
  transform: translateY(-50%);
  width: 100%;
}

.banner-carousel .owl-nav button{
  position: absolute;
  display: inline-block;
  font-size: 3.75rem;
  color: #141417;
  cursor: pointer;
  font-weight: 400;
  transition: all 500ms ease;
}

.banner-carousel .owl-nav button:hover{
  
}

.banner-carousel .owl-nav button.owl-prev{
  left: 4.375rem;
}

.banner-carousel .owl-nav button.owl-next{
  right: 4.375rem;
}

.rotate-me {
  animation-name: rotateme;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}


/** feature-section **/

.feature-section .inner-container{
  background: #fff;
  padding: 3.6875rem 4.375rem 4.375rem 4.375rem;
  box-shadow: 0rem 0rem 3.125rem 0rem rgba(0, 0, 0, 0.10);
  border-radius: 1.25rem;
}

.feature-section .inner-container .shape-layer{
  position: absolute;
  left: -7.5rem;
  top: -4.375rem;
  width: 14.4375rem;
  height: 14.4375rem;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation: zoom-fade 4s infinite linear;
  animation: zoom-fade 4s infinite linear;
}

.feature-section .title-box{
  margin-bottom: 2.625rem;
}

.feature-section .title-box h2{
  position: relative;
  display: block;
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-weight: 600;
  margin-bottom: 0.8125rem;
}

.feature-section .title-box p{
  line-height: 1.625rem;
}

.feature-block-one .inner-box{
  background: #f6f7f8;
  border-radius: 1.25rem;
  padding: 2.875rem 0.625rem 3.8125rem 1.875rem;
  transition: all 500ms ease;
}

.feature-block-one .inner-box:hover{
  transform: translateY(-0.625rem);
}

.feature-block-one .inner-box .icon-box{
  font-size: 3.4375rem;
  line-height: 3.125rem;
  color: #141417;
  margin-bottom: 1.5rem;
}

.feature-block-one .inner-box h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}

.feature-block-one .inner-box h3 a{
  display: inline-block;
  color: #141417;
}

.feature-block-one .inner-box h3 a:hover{

}

.feature-block-one .inner-box p{
  line-height: 1.625rem;
  font-family: 'Poppins' sans-serif;
}


/** about-section **/

.about-section{
  padding: 7.5rem 0rem;
}

.image_block_one .image-box{
  position: relative;
  display: block;
}

.image_block_one .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 50%;
}

.image_block_one .image-box .image img{
  width: 100%;
  border-radius: 50%;
  transition: all 500ms ease;
}

.image_block_one .image-box .image:hover img{
  transform: scale(1.05);
}

.image_block_one .image-box .text{
  width: 15.625rem;
  padding: 3.375rem 3.75rem 3.9375rem 3.75rem;
  text-align: center;
  border-radius: 4.375rem;
  box-shadow: 0rem 1.25rem 2.5rem 0rem rgba(0, 0, 0, 0.20);
}

.image_block_one .image-box .text h2{
  display: block;
  font-size: 3.125rem;
  line-height: 3.125rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0.5625rem;
}

.image_block_one .image-box .text h4{
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #fff;
}

.image_block_one .image-box .shape{
  position: absolute;
  left: -1.875rem;
  bottom: 3.75rem;
  width: 19.0625rem;
  height: 19.0625rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 4s infinite linear;
  animation: zoom-fade 4s infinite linear;
}

.sec-title .sub-title{
  position: relative;
  display: inline-block;
  font-size: 5.625rem;
  line-height: 5rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  background: -webkit-linear-gradient(0deg, #f8ece3, #def4f1 100%);
  color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.sec-title.left .sub-title{
  margin-left: -15rem;
}

.sec-title h2{
  display: block;
  font-size: 2.5rem;
  line-height: 2.75rem;
  font-weight: 700;
  margin-top: -1.625rem;
}

.content_block_one .content-box{
  position: relative;
  display: block;
}

.list-style-one li {
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.625rem;
  padding-left: 1.875rem;
  margin-bottom: 0.6875rem;
  text-transform: capitalize;
}

.list-style-one li:last-child{
  margin-bottom: 0rem;
}

.list-style-one li:before{
  position: absolute;
  content: "\e90f";
  font-family: 'icomoon';
  font-size: 1rem;
  left: 0rem;
  top: 0rem;
}

.content_block_one .content-box .text{
  margin-bottom: 1.5625rem;
}

.content_block_one .content-box .inner-box .single-item h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 1.0625rem;
}

.bg-color-1{
  background: #f2f4f5;
}


/** service-section **/

.service-section{
  padding-top: 7.3125rem;
}

.service-section .pattern-layer .pattern-1{
  position: absolute;
  left: 7.5rem;
  top: 15rem;
  width: 22.5625rem;
  height: 22.5625rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.service-section .pattern-layer .pattern-2{
  position: absolute;
  top: 0rem;
  right: 0rem;
  width: 27.5rem;
  height: 29.125rem;
  background-repeat: no-repeat;
}

.service-section .sec-title .sub-title{
  background: -webkit-linear-gradient(0deg, #ede3da 30%, #d3ebe9 70%);
}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0rem);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0rem);
}

.service-section .tab-btns li{
  position: relative;
  display: inline-block;
  width: 11.25rem;
  background: #ebeced;
  border-radius: 1.875rem;
  padding: 2.25rem 1.25rem 2rem 1.25rem;
  cursor: pointer;
  margin: 0rem 0.21875rem;
  z-index: 1;
  transition: all 500ms ease;
}

.service-section .tab-btns li:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0rem;
  top: 0rem;
  border-radius: 1.875rem;
  z-index: -1;
  transition: all 500ms ease;
}

.service-section .tab-btns li.active-btn:before,
.service-section .tab-btns li:hover:before{
  height: 100%;
}

.service-section .tab-btns li:after{
  position: absolute;
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: 0rem;
  z-index: -1;
  opacity: 0;
  transition: all 500ms ease;
}

.service-section .tab-btns li.active-btn:after,
.service-section .tab-btns li:hover:after{
  opacity: 1;
  bottom: -0.4375rem;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}

.service-section .tab-btns li .icon-box{
  position: relative;
  display: inline-block;
  font-size: 2.8125rem;
  line-height: 3.125rem;
  color: #141417;
  margin-bottom: 1.125rem;
  transition: all 500ms ease;
}

.service-section .tab-btns li h4{
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 600;
  transition: all 500ms ease;
}

.service-section .tab-btns li.active-btn .icon-box,
.service-section .tab-btns li:hover .icon-box,
.service-section .tab-btns li.active-btn h4,
.service-section .tab-btns li:hover h4{
  color: #fff;
}

.content_block_two .content-box{
  position: relative;
  display: block;
}

.service-section .tabs-box{
  position: relative;
  display: block;
  padding: 0rem 4.375rem 7.5rem 4.375rem;
}

.service-section .tabs-box:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: calc(100% - 5.625rem);
  left: 0rem;
  bottom: 0rem;
  border-radius: 1.875rem 1.875rem 0rem 0rem;
  box-shadow: 0rem 0rem 3.125rem 0rem rgba(0, 0, 0, 0.07);
}

.content_block_two .content-box h3{
  position: relative;
  display: block;
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-weight: 600;
  margin-bottom: 1.375rem;
}

.content_block_two .content-box p{
  margin-bottom: 1.625rem;
  line-height: 1.625rem;
  font-family: 'Poppins', sans-serif;
}

.content_block_two .content-box p:last-child{
  margin-bottom: 0rem;
}

.content_block_two .content-box .list-style-one li{
  font-size: 1.0625rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #141417;
  margin-bottom: 0.9375rem;
}

.content_block_two .content-box .list-style-one li:last-child{
  margin-bottom: 0rem;
}

.content_block_two .content-box .text{
  margin-bottom: 1.625rem;
}

.image_block_two .image-box{
  margin-left: 1.875rem;
  margin-top: 0.375rem;
}

.image_block_two .image-box .image{
  overflow: hidden;
  border-radius: 1.875rem;
}

.image_block_two .image-box img{
  width: 100%;
  border-radius: 1.875rem;
  transition: all 500ms ease;
}

.image_block_two .image-box:hover img{
  transform: scale(1.05);
}


/** funfact-section **/

.funfact-section{
  padding: 4.8125rem 0rem 5rem 0rem;
}

.funfact-section .inner-container{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.counter-block-one .inner-box{
  position: relative;
  display: block;
  padding: 0rem 0rem 0rem 5.9375rem;
}

.counter-block-one .inner-box .icon-box{
  position: absolute;
  left: 0rem;
  top: 0.375rem;
  font-size: 5rem;
  line-height: 4.375rem;
  color: #fff;
}

.counter-block-one .inner-box .count-outer{
  position: relative;
  display: block;
  font-size: 3.75rem;
  line-height: 3.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.3125rem;
}

.counter-block-one .inner-box p{
  display: block;
  font-size: 1.0625rem;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-weight: 500;
}


/** chooseus-section **/

.chooseus-section{
  padding: 7rem 0rem 4.375rem 0rem;
}

.chooseus-section .bg-layer{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.content_block_three .content-box{
  position: relative;
  display: block;
}

.content_block_three .content-box .text{
  margin-bottom: 2.25rem;
}

.content_block_three .content-box .text p{
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.content_block_three .content-box .inner-box .single-item{
  margin-bottom: 2.75rem;
}

.content_block_three .content-box .inner-box .single-item h4{
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.875rem;
}

.content_block_three .content-box .inner-box .single-item p{
  line-height: 1.625rem;
}


/** testimonial-section **/

.testimonial-section{
  padding: 7rem 0rem 6.875rem 0rem;
}

.testimonial-block-one .inner-box .icon-box{
  position: relative;
  font-size: 3.125rem;
  line-height: 3.125rem;
  margin-bottom: 1.3125rem;
}

.testimonial-block-one .inner-box p{
  font-size: 1.125rem;
  line-height: 2rem;
  color: #141417;
  margin-bottom: 1.375rem;
}

.testimonial-block-one .inner-box h4{
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin-bottom: 0.125rem;
}

.testimonial-block-one .inner-box .designation{
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'Poppins', sans-serif;
}

.dots-style-one .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  background: #d6d6d7;
  border-radius: 50%;
  margin: 0rem 0.375rem;
  cursor: pointer;
  transition: all 500ms ease;
}

.dots-style-one .owl-dots .owl-dot.active span,
.dots-style-one .owl-dots .owl-dot span:hover{

}

.testimonial-section .owl-dots{
  margin-top: 3.125rem;
}

.testimonial-section .pattern-layer{
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.sec-title.light h2{
  color: #fff;
}


/** contact-section **/

.contact-section{
  padding-top: 7.4375rem;
}

.contact-section .bg-layer{
  position: absolute;
  background: #111821;
  width: 100%;
  height: 38.75rem;
  left: 0rem;
  top: 0rem;
}

.contact-section .sec-title .sub-title{
  background: -webkit-linear-gradient(0deg, #2e2726, #133035 100%);
}

.contact-section .support-box .icon-box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.contact-section .support-box h3{
  position: relative;
  display: block;
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-weight: 600;
}

.contact-section .support-box h3 a:hover{
  text-decoration: underline;
}

.contact-section .support-box{
  margin-bottom: 6.625rem;
}

.contact-section .form-inner{
  position: relative;
  display: block;
  background: rgba(255, 255, 255, 0.12);
  padding: 2.9375rem 2.1875rem 3.125rem 2.1875rem;
  border-radius: 1.875rem;
  box-shadow: 0rem 0.625rem 2.5rem 0rem rgba(0, 0, 0, 0.08);
}

.contact-section .form-inner h3{
  position: relative;
  display: block;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6.3125rem;
}

.contact-section .form-inner h3 span{
  display: block;
}

.default-form .form-group{
  position: relative;
  margin-bottom: 1.25rem;
}

.default-form .form-group:last-child{
  margin-bottom: 0rem;
}

.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group input[type='password'],
.default-form .form-group input[type='tel'],
.default-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 3.125rem;
  border: 0.0625rem solid #e5e5e5;
  border-radius: 1.875rem;
  font-size: 1rem;
  color: #6e6e6e;
  font-family: 'Rubik', sans-serif;
  padding: 0.625rem 1.25rem;
  background: transparent;
  transition: all 500ms ease;
}

.default-form .form-group textarea{
  resize: none;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{

}

.default-form .form-group .icon{
  position: absolute;
  top: 0.75rem;
  right: 1.1875rem;
  color: #89898b;
  font-size: 0.9375rem;
  font-weight: 400;
  z-index: 1;
}

.contact-section .default-form .form-group button[type='submit']{
  width: 100%;
  padding: 0.75rem 2.8125rem;
}

.contact-section .video-inner{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 12.8125rem 0rem;
  border: 0.625rem solid #fff;
  border-radius: 1.875rem;
  text-align: center;
  overflow: hidden;
  box-shadow: 0rem 0.625rem 2.5rem 0rem rgba(0, 0, 0, 0.08);
}

.contact-section .video-inner:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  opacity: 0.3;
}

.contact-section .video-inner .video-btn a{
  position: relative;
  display: inline-block;
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  text-align: center;
  font-size: 1.875rem;
  color: #fff;
  border: 0.25rem solid #fff;
  border-radius: 50%;
}

.contact-section .video-inner .video-btn a:before,
.contact-section .video-inner .video-btn a:after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.contact-section .video-inner .video-btn a:after{
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.contact-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 24.6875rem;
  height: 25.75rem;
  background-repeat: no-repeat;
}

.contact-section .pattern-layer .pattern-2{
  position: absolute;
  top: 18.125rem;
  right: 8.75rem;
  width: 20.3125rem;
  height: 20.3125rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}


/** team-section **/

.team-section{
  padding: 7.1875rem 0rem 7.5rem 0rem;
}

.team-section .sec-title .theme-btn{
  position: absolute;
  right: 0rem;
  bottom: 1.4375rem;
}

.team-block-one .inner-box .image-box{
  overflow: hidden;
  background: #000;
  border-radius: 1.25rem;
}

.team-block-one .inner-box .image-box img{
  border-radius: 1.25rem;
  width: 100%;
  transition: all 500ms ease;
}

.team-block-one .inner-box:hover .image-box img{
  opacity: 0.5;
  transform: scale(1.05);
}

.team-block-one .inner-box .lower-content{
  width: 16.875rem;
  background: #fff;
  border-radius: 0.625rem;
  padding: 1.375rem 1.875rem 1.5625rem 1.875rem;
}

.team-block-one .inner-box .lower-content:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0rem;
  bottom: 0rem;
  z-index: -1;
  border-radius: 0.625rem;
  transition: all 500ms ease;
}

.team-block-one .inner-box:hover .lower-content:before{
  height: 100%;
  top: 0rem;
}

.team-block-one .inner-box:hover .lower-content{
  padding-bottom: 3.4375rem;
}

.team-block-one .inner-box .lower-content .social-links li a{
  color: #fff;
}

.team-block-one .inner-box .lower-content .social-links{
  opacity: 0;
}

.team-block-one .inner-box:hover .lower-content .social-links{
  opacity: 1;
}

.team-block-one .inner-box:hover .lower-content h3 a,
.team-block-one .inner-box:hover .lower-content .designation{
  color: #fff;
}

.team-block-one .inner-box .lower-content h3 a:hover{
  text-decoration: underline;
}

.team-block-one .inner-box .lower-content h3 a{
  color: #141417;
}

.team-block-one .inner-box .lower-content h3{
  font-size: 1.5rem;
  font-weight: 600;
}

.team-section .pattern-layer{
  position: absolute;
  top: -9.375rem;
  right: 0rem;
  width: 28.75rem;
  height: 35.5rem;
  background-repeat: no-repeat;
}


/** cta-section **/

.cta-section{
  position: relative;
  padding: 7.1875rem 0rem 6.875rem 0rem;
}

.cta-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 25.9375rem;
  height: 22.8125rem;
  background-repeat: no-repeat;
}

.cta-section .pattern-layer .pattern-2{
  position: absolute;
  right: 4.375rem;
  top: 9.375rem;
  width: 18.8125rem;
  height: 18.75rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.cta-section .image-box{
  position: relative;
  display: block;
}

.cta-section .image-box img{
  width: 100%;
}

.cta-section .content-box{
  position: relative;
  display: block;
}

.cta-section .content-box .sec-title h2 span{
  display: block;
}

.cta-section .content-box .sec-title .sub-title{
  background: -webkit-linear-gradient(0deg, #eee3da, #d3ebe9 100%);
}

.cta-section .content-box .support-box{
  position: relative;
  display: block;
  padding: 0.25rem 0rem 0.375rem 5.625rem;
}

.cta-section .content-box .support-box .icon-box{
  position: absolute;
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  line-height: 4.375rem;
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  left: 0rem;
  top: 0rem;
}

.cta-section .content-box .support-box h4{
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  color: #616264;
  margin-bottom: 0.25rem;
}

.cta-section .content-box .support-box h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #141417;
  font-weight: 600;
}

.cta-section .content-box .support-box h3 a{
  display: inline-block;
  color: #141417;
}

.cta-section .content-box .support-box h3 a:hover{

}

.cta-section .content-box .text{
  margin-bottom: 2rem;
}

.cta-section .content-box .text p{
  line-height: 1.625rem;
  color: #232326;
}



/** project-section **/

.project-block-one .inner-box{
  position: relative;
  display: block;
}

.project-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.project-block-one .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.project-block-one .inner-box:hover .image-box img{
  opacity: 0.1;
  transform: scale(1.05);
}

.project-block-one .inner-box .view-btn{
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

.project-block-one .inner-box .view-btn a{
  position: relative;
  display: inline-block;
  font-size: 4.375rem;
  line-height: 3.75rem;
  color: #fff;
  transform: scale(0,0);
}

.project-block-one .inner-box:hover .view-btn a{
  transform: scale(1,1);
}

.project-block-one .inner-box .text{
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 1.875rem;
  z-index: 1;
  opacity: 0;
  transition: all 500ms ease;
}

.project-block-one .inner-box:hover .text{
  bottom: 1.6875rem;
  opacity: 1;
}

.project-block-one .inner-box .text h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.375rem;
}

.project-block-one .inner-box .text h3 a{
  position: relative;
  display: inline-block;
  color: #fff;
}

.project-block-one .inner-box .text h3 a:hover{
  text-decoration: underline;
}

.project-block-one .inner-box .text span{
  position: relative;
  display: block;
  font-size: 1rem;
  color: #fff;
}


/** news-section **/

.news-section{
  padding: 7.1875rem 0rem 7.5rem 0rem;
}

.news-block-one .inner-box{
  position: relative;
  display: block;
}

.news-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 1.25rem;
}

.news-block-one .inner-box .image-box:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  opacity: 0;
  z-index: 1;
  transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box:before{
  opacity: 0.5;
}

.news-block-one .inner-box .image-box a{
  position: absolute;
  left: 0rem;
  top: 0rem;
  right: 0rem;
  width: 100%;
  height: 100%;
  font-size: 0rem;
  color: #fff;
  z-index: 2;
}

.news-block-one .inner-box .image-box img{
  width: 100%;
  border-radius: 1.25rem;
  transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box img{
  transform: scale(1.05);
}

.news-block-one .inner-box .lower-content{
  position: relative;
  margin-left: 1.875rem;
}

.news-block-one .inner-box .lower-content .inner{
  position: relative;
  display: block;
  background: #fff;
  padding: 1.875rem 1.875rem 1.375rem 1.875rem;
  border-radius: 1.25rem;
  border-top-right-radius: 0rem;
  box-shadow: 0rem 0.625rem 2.5rem 0rem rgba(0, 0, 0, 0.08);
  margin-top: -5rem;
  z-index: 2;
}

.news-block-one .inner-box .lower-content .category a{
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.75rem;
  background: #fdebe0;
  text-align: center;
  padding: 0.0625rem 1.25rem;
  border-radius: 1.5625rem;
  margin-bottom: 0.875rem;
}

.news-block-one .inner-box .lower-content .category a:hover{
  color: #fff;
}

.news-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.5625rem;
}

.news-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #141417;
}

.news-block-one .inner-box .lower-content h3 a:hover{

}

.news-block-one .inner-box .lower-content .post-info li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 1rem;
  color: #6e6e6e;
  margin-right: 1.0625rem;
  padding-left: 1.5625rem;
}

.news-block-one .inner-box .lower-content .post-info li a{
  display: inline-block;
  color: #6e6e6e;
}

.news-block-one .inner-box .lower-content .post-info li a:hover{

}

.news-block-one .inner-box .lower-content .post-info li:last-child{
  margin: 0rem !important;
}

.news-block-one .inner-box .lower-content .post-info li i{
  position: absolute;
  left: 0rem;
  top: 0.25rem;
  color: #89898b;
  font-size: 1.125rem;
}

.news-block-one .inner-box .lower-content .post-info{
  margin-bottom: 1rem;
}

.news-block-one .inner-box .lower-content p{
  line-height: 1.625rem;
  margin-bottom: 1rem;
}

.news-block-one .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #141417;
}

.news-block-one .inner-box .lower-content .link a:hover{

}


/** google-map-section **/

.google-map-section #contact-google-map{
  position: relative;
  width: 100%;
  height: 39.375rem;
}

.google-map-section .content-inner{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  padding: 3.125rem 0rem;
}

.google-map-section .content-box{
  max-width: 22.5rem;
  width: 100%;
  background: #111821;
  border-radius: 1.875rem;
  overflow: hidden;
  z-index: 2;
}

.google-map-section .content-box .title{
  padding: 1.6875rem 1.875rem 1.4375rem 2.5rem;
}

.google-map-section .content-box .title h3{
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: 600;
}

.google-map-section .content-box .schedule-box{
  padding: 2.125rem 1.875rem 2.0625rem 2.5rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.10);
}

.google-map-section .content-box .schedule-list li{
  position: relative;
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: 'Jost',sans-serif;
  color: #fff;
  margin-bottom: 1rem;
}

.google-map-section .content-box .schedule-list li:last-child{
  margin-bottom: 0rem;
}

.google-map-section .content-box .contact-info{
  padding: 2.1875rem 1.875rem 4.375rem 2.5rem;
}

.google-map-section .content-box .contact-info h3{
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 1rem;
}

.google-map-section .content-box .info-list li{
  position: relative;
  display: block;
  font-size: 1.0625rem;
  line-height: 1.75rem;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  margin-bottom: 1.0625rem;
  padding-left: 2rem;
}

.google-map-section .content-box .info-list li:last-child{
  margin-bottom: 0rem;
}

.google-map-section .content-box .info-list li a{
  color: #fff;
}

.google-map-section .content-box .info-list li a:hover{

}

.google-map-section .content-box .info-list li i{
  position: absolute;
  left: 0rem;
  top: 0.3125rem;
}


/** main-footer **/

.main-footer{
  background: #111821;
}

.footer-top{
  position: relative;
  display: block;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.10);
}

.footer-top .top-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-top .top-inner .footer-menu li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 3.75rem;
}

.footer-top .top-inner .footer-menu li:last-child{
  margin: 0rem !important;
}

.footer-top .top-inner .footer-menu li a{
  position: relative;
  display: inline-block;
  font-size: 1.0625rem;
  line-height: 1.75rem;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-weight: 500;
}

.footer-top .top-inner .footer-menu li a:hover{

}

.footer-top .top-inner .footer-logo{
  margin-bottom: 1.875rem;
}

.footer-top .top-inner .footer-logo .logo{
  position: relative;
  display: inline-block;
  background: rgba(255, 255, 255, 0.07);
  padding: 3.5625rem 3.5625rem 3.5625rem 3.75rem;
  border-bottom-left-radius: 4.375rem;
  border-bottom-right-radius: 4.375rem;
}

.main-footer .widget-section{
  padding: 4.3125rem 0rem 4.0625rem 0rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.10);
}

.main-footer .widget-title{
  position: relative;
  display: block;
  margin-bottom: 1.6875rem;
}

.main-footer .widget-title h3{
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: 600;
}

.main-footer .widget-section .about-widget p{
  color: #fff;
  line-height: 1.625rem;
  margin-bottom: 1.375rem;
}

.main-footer .widget-section .about-widget .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 0.625rem;
}

.main-footer .widget-section .about-widget .social-links li:last-child{
  margin: 0rem !important;
}

.main-footer .widget-section .about-widget .social-links li a{
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  font-size: 1rem;
  color: #fff;
  border: 0.0625rem solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  text-align: center;
}

.main-footer .widget-section .about-widget .social-links li a:hover{

}

.main-footer .widget-section .links-widget .links-list li{
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
}

.main-footer .widget-section .links-widget .links-list li:last-child{
  margin-bottom: 0rem;
}

.main-footer .widget-section .links-widget .links-list li a{
  display: inline-block;
  color: #fff;
}

.main-footer .widget-section .links-widget .links-list li a:hover{

}

.main-footer .widget-section .contact-widget .info li{
  position: relative;
  display: block;
  line-height: 1.625rem;
  color: #fff;
  margin-bottom: 1.25rem;
}

.main-footer .widget-section .contact-widget .info li:last-child{
  margin-bottom: 0rem;
}

.main-footer .widget-section .contact-widget .info li a{
  color: #fff;
}

.main-footer .widget-section .contact-widget .info li a:hover{

}

.footer-bottom{
  padding: 1.875rem 0rem;
}

.footer-bottom p, .footer-bottom a {
  color: #fff;
  text-align: center;
}

.main-header .top-inner .theme-btn:hover {
  background-color: #edfbfa !important;
}


/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/

.header-style-two .header-top .info li i{

}

.header-style-two .header-top .social-links li a{
  color: #888c90;
}

.header-style-two .header-lower .logo-box{
  position: relative;
  z-index: 1;
  padding: 2.25rem 4.6875rem 2.25rem 0rem;
}

.header-style-two .header-lower .logo-box:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 312.5rem;
  height: 100%;
  top: 0rem;
  right: 0rem;
  z-index: -1;
  box-shadow: 0.9375rem 0rem 3.125rem 0rem rgba(0, 0, 0, 0.10);
  border-bottom-right-radius: 3.125rem;
}


/** banner-style-two **/

.banner-style-two .banner-carousel .content-box{
  margin: 0 auto;
  padding: 0rem;
}

.banner-style-two .banner-carousel .slide-item{
  padding: 13.5rem 0rem 9.6875rem 0rem;
}

.banner-style-two .banner-carousel .slide-item:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0rem;
  right: 0rem;
  background: #4f67d2;
  mix-blend-mode: multiply;
  z-index: 1;
}

.banner-style-two .banner-carousel .slide-item:after{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  opacity: 0.6;
  z-index: 1;
}

.banner-carousel .content-box .big-title{
  position: absolute;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  top: -4.0625rem;
  font-size: 11.25rem;
  line-height: 9.375rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  background: -webkit-linear-gradient(0deg, #d48042, #20b7a4 100%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.4;
}

.banner-style-two .banner-carousel .content-box h2{
  display: block;
  font-size: 4.375rem;
  line-height: 5rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 1.0625rem;
}

.banner-style-two .banner-carousel .content-box p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  margin-bottom: 2.0625rem;
}

.banner-style-two .banner-carousel .owl-nav button{
  width: 3.75rem;
  height: 3.75rem;
  line-height: 4.125rem;
  background: #fff;
  text-align: center;
  font-size: 2.5rem;
  border-radius: 50%;
}

.banner-style-two .banner-carousel .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 26.4375rem;
  height: 7.0625rem;
  background-repeat: no-repeat;
  z-index: 2;
}

.banner-style-two .banner-carousel .pattern-layer .pattern-2{
  position: absolute;
  left: 18.75rem;
  bottom: 5rem;
  width: 19.0625rem;
  height: 19.0625rem;
  top: inherit;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.banner-style-two .banner-carousel .pattern-layer .pattern-3{
  position: absolute;
  top: 6.875rem;
  right: 16.875rem;
  width: 14.4375rem;
  height: 14.4375rem;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-animation: zoom-fade 5s infinite linear;
  animation: zoom-fade 5s infinite linear;
}

.banner-style-two .banner-carousel .pattern-layer .eye-icon{
  z-index: 2;
  bottom: 4.375rem;
  right: 29.375rem;
  top: inherit;
}


/** feature-style-two **/

.feature-style-two{
  background: -webkit-linear-gradient(75deg, #d9f6f4, #fdebe0 100%);
}

.feature-style-two .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 18.125rem;
  height: 20.625rem;
  background-repeat: no-repeat;
}

.feature-style-two .pattern-layer .pattern-2{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 18.125rem;
  height: 20.625rem;
  background-repeat: no-repeat;
}

.feature-block-two .inner-box{
  position: relative;
  display: block;
  padding: 2.5rem 1.875rem 3.0625rem 1.875rem;
  background: #fff;
  overflow: hidden;
  border-radius: 1.25rem;
  z-index: 1;
}

.feature-block-two .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0rem;
  top: 0rem;
  z-index: -1;
  transition: all 500ms ease;
}

.feature-block-two .inner-box:hover:before{
  height: 100%;
}

.feature-block-two .inner-box .icon-box{
  position: relative;
  display: inline-block;
  width: 5.625rem;
  height: 5.625rem;
  line-height: 5.625rem;
  text-align: center;
  font-size: 3.125rem;
  background: #fef1ea;
  border-radius: 50%;
  margin-bottom: 1rem;
}

.feature-block-two .inner-box h3{
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 1.0625rem;
}

.feature-block-two .inner-box h3 a{
  display: inline-block;
  color: #141417;
}

.feature-block-two .inner-box h3 a:hover{
  text-decoration: underline;
}

.feature-block-two .inner-box:hover h3 a,
.feature-block-two .inner-box:hover p{
  color: #fff;
}

.feature-block-two .inner-box p{
  line-height: 1.625rem;
  transition: all 500ms ease;
}


/** about-style-two **/

.about-style-two{
  padding: 6.25rem 0rem 7.5rem 0rem;
}

.content_block_four .content-box{
  position: relative;
  display: block;
}

.content_block_four .content-box .text{
  margin-bottom: 1.9375rem;
}

.content_block_four .content-box .inner-box .single-item{
  position: relative;
  display: block;
  padding: 0.5625rem 0rem 0.6875rem 6.25rem;
  margin-bottom: 1.25rem;
  min-height: 5rem;
}

.content_block_four .content-box .inner-box .single-item:last-child{
  margin-bottom: 0rem;
}

.content_block_four .content-box .inner-box .single-item .icon-box{
  position: absolute;
  display: inline-block;
  left: 0rem;
  top: 0rem;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  background: #fef1ea;
  font-size: 2.8125rem;
  text-align: center;
  border-radius: 50%;
}

.content_block_four .content-box .inner-box .single-item h3{
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 500;
}

.image_block_three .image-box{
  position: relative;
  display: block;
}

.image_block_three .image-box:before{
  position: absolute;
  content: '';
  background: -webkit-linear-gradient(75deg, #d9f6f4, #fdebe0 100%);
  width: 26.25rem;
  height: 30.625rem;
  border-radius: 50% 50% 4.375rem 4.375rem;
  right: 0rem;
  bottom: 0rem;
}

.image_block_three .image-box img{
  width: 100%;
}

.image_block_three .image-box .image{
  position: relative;
}

.image_block_three .image-box .text{
  width: 21.875rem;
  border-radius: 0rem 1.875rem 0rem 1.875rem;
  padding: 2.4375rem 1.875rem 2.1875rem 7.9375rem;
  box-shadow: 0rem 0.625rem 2.5rem 0rem rgba(0, 0, 0, 0.15);
}

.image_block_three .image-box .text h2{
  position: absolute;
  left: 2.375rem;
  top: 2.25rem;
  font-size: 3.75rem;
  line-height: 3.75rem;
  color: #fff;
  font-weight: 500;
}

.image_block_three .image-box .text h4{
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #fff;
  font-weight: 500;
}

.image_block_three .image-box .shape .shape-1{
  position: absolute;
  left: 11.25rem;
  top: 5.625rem;
  width: 15.0625rem;
  height: 15.0625rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.image_block_three .image-box .shape .shape-2{
  position: absolute;
  right: -5.625rem;
  bottom: 5.3125rem;
  width: 15.0625rem;
  height: 15.0625rem;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}


/** service-style-two **/

.service-style-two{
  padding: 7.1875rem 0rem 7.5rem 0rem;
  background: -webkit-linear-gradient(100deg, #d9f6f4, #fdebe0 100%);
}

.service-style-two .sec-title .sub-title{
  background: -webkit-linear-gradient(0deg, #f1ddcc, #d3e6dd 100%);
}

.service-block-one .inner-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  padding: 1.5625rem;
  border-radius: 1.25rem;
}

.service-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0.625rem;
}

.service-block-one .inner-box .image-box img{
  width: 100%;
  border-radius: 0.625rem;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box img{
  transform: scale(1.05);
}

.service-block-one .inner-box .image-box:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  opacity: 0;
  z-index: 1;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box:before{
  opacity: 0.3;
}

.service-block-one .inner-box .image-box a{
  position: absolute;
  display: inline-block;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  font-size: 0rem;
  color: #fff;
  z-index: 2;
}

.service-block-one .inner-box .lower-content{
  position: relative;
  padding: 2.5rem 0.9375rem 1rem 0rem;
}

.service-block-one .inner-box .lower-content .icon-box{
  position: absolute;
  bottom: 0;
  right: 1.875rem;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0rem 0.625rem 1.875rem 0rem rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.service-block-one .inner-box .lower-content .icon-box:before{
  position: absolute;
  content: '';
  background: #222;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  transform: scale(0,0);
  border-radius: 50%;
  z-index: -1;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .icon-box:before{
  transform: scale(1,1);
}

.service-block-one .inner-box .lower-content h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}

.service-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #141417;
}

.service-block-one .inner-box .lower-content h3 a:hover{

}

.service-block-one .inner-box .lower-content p{
  margin-bottom: 1.0625rem;
  line-height: 1.625rem;
}

.service-block-one .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  color: #141417;
  font-family: 'Montserrat', sans-serif;
}

.service-block-one .inner-box .lower-content .link a:hover{

}

.service-style-two .pattern-layer .pattern-1{
  width: 12.6875rem;
  height: 11.75rem;
  background-repeat: no-repeat;
}

.service-style-two .pattern-layer .pattern-2{
  width: 19.3125rem;
  height: 20.625rem;
  background-repeat: no-repeat;
}

/** chooseus-style-two **/

.chooseus-style-two{
  padding: 7rem 0rem 10.5625rem 0rem;
  background: #111821;
}

.chooseus-style-two .video-column{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: calc(50% + 1.25rem);
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%, 0% 0%);
}

.chooseus-style-two .video-column:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  opacity: 0.3;
}

.chooseus-style-two .video-column .video-inner{
  position: relative;
  padding: 22.4375rem 0rem 22.375rem 0rem;
  z-index: 1;
}

.chooseus-style-two .video-column .video-inner .video-btn a{
  position: relative;
  display: inline-block;
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  border: 0.25rem solid #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 1.875rem;
  color: #fff;
}

.chooseus-style-two .video-column .video-inner .video-btn a:before,
.chooseus-style-two .video-column .video-inner .video-btn a:after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.chooseus-style-two .video-column .video-inner .video-btn a:after{
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.content_block_five .content-box{
  position: relative;
  display: block;
}

.content_block_five .content-box .sec-title .sub-title{
  background: -webkit-linear-gradient(0deg, #2e2726, #133035 100%);
}

.content_block_five .content-box p{
  color: #b8babd;
  line-height: 1.625rem;
}

.content_block_five .content-box .inner-box .single-item{
  margin-bottom: 2.75rem;
  padding-right: 0.9375rem;
}

.content_block_five .content-box .inner-box .single-item h4{
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.875rem;
}

.content_block_five .content-box .inner-box .single-item h4 a{
  display: inline-block;
  color: #fff;
}

.content_block_five .content-box .inner-box .single-item h4 a:hover{

}

.chooseus-style-two .shape{
  width: 17.8125rem;
  height: 35.25rem;
  background-repeat: no-repeat;
}

.chooseus-style-two .shape-2{
  position: absolute;
  left: 43%;
  bottom: 5rem;
  width: 15.9375rem;
  height: 15.9375rem;
  background-repeat: no-repeat;
}


/** funfact-style-two **/

.funfact-style-two .inner-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.25rem 4.375rem 3.4375rem 4.375rem;
  border-radius: 0rem 1.875rem 0rem 1.875rem;
  margin-top: -6.25rem;
  z-index: 1;
}

/** team-style-two **/

.team-style-two{
  position: relative;
  padding: 7.5rem 0rem;
}

.team-block-two .inner-box{
  position: relative;
  display: block;
  background: -webkit-linear-gradient(10deg, #dff4f1, #faeae1 100%);
  border-radius: 0.625rem;
  overflow: hidden;
}

.team-block-two .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #000;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%, 0% 0%);
}

.team-block-two .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.team-block-two .inner-box:hover .image-box img{
  opacity: 0.7;
}

.team-block-two .inner-box .share-box{
  top: -3.25rem;
  right: 1.875rem;
}

.team-block-two .inner-box .share-box:before{
  position: absolute;
  content: '';
  background: transparent;
  width: 100%;
  height: 0.9375rem;
  left: 0rem;
  top: -0.9375rem;
}

.team-block-two .inner-box .share-box .share-icon{
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.5rem;
  font-size: 1.25rem;
  color: #141417;
  background: #fff;
  border-radius: 50%;
  text-align: center;
}

.team-block-two .inner-box .share-box .share-icon:hover{
  color: #fff;
}

.team-block-two .inner-box .share-box .share-links{
  right: 0rem;
  bottom: 2.8125rem;
  transform: scaleY(0);
  transform-origin: bottom center;
  opacity: 0;
  transition: all 500ms ease;
}

.team-block-two .inner-box .share-box:hover .share-links{
  bottom: 3.75rem;
  opacity: 1;
  transform: scaleY(1);
}

.team-block-two .inner-box .share-box .share-links li{
  position: relative;
  display: block;
  margin-bottom: 0.625rem;
}

.team-block-two .inner-box .share-box .share-links li:last-child{
  margin-bottom: 0rem;
}

.team-block-two .inner-box .share-box .share-links li a{
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  color: #141417;
  background: #fff;
  border-radius: 50%;
  text-align: center;
}

.team-block-two .inner-box .share-box .share-links li a:hover{
  color: #fff;
}

.team-block-two .inner-box .lower-content h3 a{
  color: #141417;
}

.team-block-two .inner-box .lower-content{
  padding: 1.5625rem 1.5625rem 1.8125rem 1.5625rem;
}

.team-block-two .inner-box .lower-content h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.team-block-two .inner-box .lower-content h3 a{
  display: inline-block;
  color: #141417;
}

.team-block-two .inner-box .lower-content h3 a:hover{

}

.team-block-two .inner-box .lower-content .designation{
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #808080;
}


/** testimonial-style-two **/

.testimonial-style-two{
  position: relative;
}

.testimonial-style-two .bg-layer{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: calc(100% - 5rem);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.testimonial-style-two .bg-layer:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  opacity: 0.4;
}

.testimonial-style-two .bg-layer:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0rem;
  right: 0rem;
  background: #4f67d2;
  mix-blend-mode: multiply;
}

.testimonial-style-two .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 17.6875rem;
  height: 23rem;
  background-repeat: no-repeat;
}

.testimonial-style-two .pattern-layer .pattern-2{
  position: absolute;
  left: 45%;
  bottom: 7.8125rem;
  width: 15.9375rem;
  height: 15.9375rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.img-wrap {
  position: absolute;
  right: 0rem;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
}

.back-img {
  left: 0rem !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.testimonial-style-two .img-wrap{
  height: calc(100% - 5.9375rem);
}

.content_block_six .content-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 3.875rem 4.375rem 4.375rem 4.375rem;
  border-radius: 0rem 3.75rem 0rem 3.75rem;
  box-shadow: 0rem 0.625rem 3.125rem 0rem rgba(0, 0, 0, 0.10);
}

.content_block_six .content-box .testimonial-content .text{
  margin-bottom: 2.5rem;
}

.content_block_six .content-box .testimonial-content .text p{
  font-size: 1.125rem;
  line-height: 2rem;
}

.content_block_six .content-box .testimonial-content .author-box{
  position: relative;
  display: block;
  padding: 0.5rem 0rem 0.25rem 5.625rem;
}

.content_block_six .content-box .testimonial-content .author-box .author-thumb{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
}

.content_block_six .content-box .testimonial-content .author-box .author-thumb img{
  width: 100%;
  border-radius: 50%;
}

.content_block_six .content-box .testimonial-content .author-box h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.125rem;
}

.content_block_six .content-box .testimonial-content .author-box .designation{
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.625rem;
}

.content_block_six .content-box .owl-dots{
  position: absolute;
  right: -0.75rem;
  bottom: 0.875rem;
}


/** process-section **/

.process-section{
  padding: 7.5rem 0rem 6.9375rem 0rem;
}

.process-block-one .inner-box{
  position: relative;
  display: block;
  max-width: 19.375rem;
  margin: 0 auto;
}

.process-block-one .inner-box .image-box{
  position: relative;
  display: inline-block;
  margin-bottom: 2.3125rem;
  width: 12rem;
  height: 12rem;
  background: #fff;
}

.process-block-one .inner-box .image-box .image{
  position: relative;
  display: inline-block;
  border-radius: 50%;
  width: 10.625rem;
  height: 10.625rem;
}

.process-block-one .inner-box .image-box .image:before {
  position: absolute;
  content: '';
  border: 0.125rem dashed #00000059;
  width: 12rem;
  height: 12rem;
  left: -0.6875rem;
  top: -0.6875rem;
  border-radius: 50%;
}

.process-block-one .inner-box .image-box .image img{
  width: 100%;
  border-radius: 50%;
}

.process-block-one .inner-box .image-box .count-text {
  position: absolute;
  left: -0.875rem;
  top: -0.875rem;
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #141417a1;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  border: 0.1875rem solid #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0rem 0.1875rem 0.5rem;
}

.process-block-one .inner-box h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}

.process-block-one .inner-box p{
  line-height: 1.875rem;
}

.process-section .inner-container .shape{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 80.6875rem;
  height: 11.8125rem;
  background-repeat: no-repeat;
}

.process-section .pattern-layer .pattern-1{
  position: absolute;
  top: 2.8125rem;
  right: 16.5625rem;
  width: 7.5rem;
  height: 7.5rem;
  background-repeat: no-repeat;
}

.process-section .pattern-layer .pattern-2{
  position: absolute;
  top: 0rem;
  right: 0rem;
  width: 28.75rem;
  height: 35.5rem;
  background-repeat: no-repeat;
}


/** skills-section **/

.skills-section{
  padding: 7.5rem 0rem 7.5rem 0rem;
  /* background: -webkit-linear-gradient(-100deg, #fdebe0, #d9f6f4 100%); */
}

.image_block_four .image-box{
  position: relative;
  display: block;
  padding-right: 6.5625rem;
}

.image_block_four .image-box img{
  width: 100%;
}

.image_block_four .image-box .image-2{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  border: 0.625rem solid #fff;
  border-radius: 0rem 3.125rem 0rem 3.125rem;
  box-shadow: 0rem 0.625rem 3.125rem 0rem rgba(0, 0, 0, 0.10);
  z-index: 1;
}

.image_block_four .image-box .image-2 img{
  border-radius: 0rem 3.125rem 0rem 3.125rem;
}

.image_block_four .image-box .image-1{
  position: relative;
  overflow: hidden;
  border-radius: 3.125rem 0rem 3.125rem 0rem;
}

.image_block_four .image-box .image-1 img{
  border-radius: 3.125rem 0rem 3.125rem 0rem;
}

.image_block_four .image-box .image-1:before{
  position: absolute;
  top: 0;
  left: -80%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}

.image_block_four .image-box:hover .image-1:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.image_block_four .image-box .icon-box{
  position: absolute;
  top: 4.6875rem;
  right: 1.25rem;
  z-index: 1;
}

.image_block_four .image-box .shape{
  position: absolute;
  left: -7.1875rem;
  bottom: -1.875rem;
  width: 16.875rem;
  height: 16.875rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.content_block_seven .content-box{
  position: relative;
  display: block;
}

.content_block_seven .content-box .sec-title .sub-title{
  background: -webkit-linear-gradient(0deg, #efdece, #d8e4d9 100%);
}

.content_block_seven .content-box .sec-title p{
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.progress-box .bar{
  position:relative;
  width:100%;
  height:0.5rem;
  background:#fff;
  border-radius: 0.5rem;
}

.progress-box .bar-inner{
  position:relative;
  display:block;
  width:0rem;
  height:0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-transition:all 1500ms ease;
  -ms-transition:all 1500ms ease;
  -o-transition:all 1500ms ease;
  -moz-transition:all 1500ms ease;
  transition:all 1500ms ease; 
}

.progress-box h5{
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5625rem;
}

.progress-box .count-text{
  position: absolute;
  top: -2rem;
  right: -0.125rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #141417;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.skills-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 18.125rem;
  height: 20.625rem;
  background-repeat: no-repeat;
}

.skills-section .pattern-layer .pattern-2{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 20.9375rem;
  height: 26.1875rem;
  background-repeat: no-repeat;
}


.project-section.alternat-2{
  padding: 1.875rem 1.875rem 0rem 1.875rem;
}

.project-section.alternat-2 .project-block-one .inner-box{
  border-radius: 0.9375rem;
  overflow: hidden;
}


.cta-section.alternat-2{
  background: -webkit-linear-gradient(0deg, #03b5a9, #02746d 100%);
}

.cta-section.alternat-2 .content-box .sec-title .sub-title {
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.07), rgba(255,255,255,0.07) 100%);
}

.cta-section .image-box .shape{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 18.8125rem;
  height: 18.75rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.cta-section.alternat-2 .sec-title h2{
  color: #fff;
}

.cta-section.alternat-2 .content-box .text p{
  color: #fff;
}

.cta-section.alternat-2 .content-box .support-box h4{
  color: #a7d7d4;
}

.cta-section.alternat-2 .content-box .support-box h3 a{
  color: #fff;
}


/*** 

====================================================================
                        Home-Page-Three
====================================================================

***/

.header-style-two.home-3 .header-lower .logo-box:before{
  box-shadow: none;
  background: -webkit-linear-gradient(0deg, #f0d3bd, #b2e6df 100%);
  width: 37.5rem;
  height: calc(100% + 1.25rem);
  border-bottom-right-radius: 1.5625rem;
}


/** banner-style-three **/

.banner-style-three{
  position: relative;
}

.banner-style-three:before{
  position: absolute;
  content: '';
  background: -webkit-linear-gradient(90deg, #d7efea, #f0e1d4 100%);
  width: 50%;
  height: 100%;
  top: 0rem;
  right: 0rem;
}

.banner-style-three:after{
  position: absolute;
  content: '';
  background: -webkit-linear-gradient(90deg, #e9f8f6, #fbf3ed 100%);
  width: 50%;
  height: 100%;
  left: 0rem;
  top: 0rem;
}

.banner-style-three .content-box{
  max-width: 33.125rem;
}

.banner-style-three .content-box h2{
  display: block;
  font-size: 4.375rem;
  line-height: 5rem;
  font-weight: 700;
  margin-bottom: 1.0625rem;
}

.banner-style-three .content-box p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 2.0625rem;
}

.banner-style-three .image-box{
  right: -4.375rem;
}

.banner-style-three .image-box .text-one{
  position: absolute;
  right: 20rem;
  top: 7.5rem;
  font-size: 9.375rem;
  line-height: 9.375rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  background: -webkit-linear-gradient(0deg, #e6cfb8, #d8d3bf 100%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner-style-three .image-box .text-two{
  position: absolute;
  right: -11.5625rem;
  bottom: 10.3125rem;
  font-size: 9.375rem;
  line-height: 9.375rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  background: -webkit-linear-gradient(0deg, #dce4dc, #b2ded3 100%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.7;
}

.banner-style-three .content-box{
  padding: 8.375rem 0rem 14.6875rem 0rem;
}

.banner-style-three .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 19.375rem;
  height: 22.5rem;
  background-repeat: no-repeat;
  z-index: 2;
}

.banner-style-three .pattern-layer .pattern-2{
  position: absolute;
  right: 50%;
  bottom: 0rem;
  width: 14.8125rem;
  height: 16.4375rem;
  background-repeat: no-repeat;
  z-index: 2;
}


/** consultancy-section **/

.consultancy-section{
  position: relative;
}

.consultancy-section h2{
  position: relative;
  display: block;
  font-size: 1.875rem;
  line-height: 2.125rem;
  font-weight: 600;
  margin-bottom: 2.25rem;
  text-align: center;
}

.consultancy-section .inner-container{
  position: relative;
  display: block;
  background: #fff;
  padding: 4.125rem 5rem 4.375rem 5rem;
  border-top-left-radius: 1.5625rem;
  margin-top: -6.5625rem;
  z-index: 2;
}

.consultancy-section .inner-container:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 375rem;
  height: 100%;
  left: 0rem;
  top: 0rem;
  border-top-left-radius: 1.5625rem;
}

.consultancy-section form{
  position: relative;
  padding-right: 14.375rem;
}

.consultancy-section .message-btn{
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.consultancy-section .message-btn .theme-btn{
  width: 12.5rem;
}

.consultancy-section .form-group{
  position: relative;
  margin-bottom: 0rem;
}

.consultancy-section .form-group input[type='text'],
.consultancy-section .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 3.75rem;
  background:#f2f4f5;
  padding: 0.625rem 1.875rem;
  border-radius: 1.875rem;
  border: 0.0625rem solid #f2f4f5;
  font-size: 1rem;
  color: #6e6e6e;
  transition: all 500ms ease;
}

.consultancy-section .form-group .icon{
  position: absolute;
  top: 1.125rem;
  right: 1.875rem;
  z-index: 1;
}

.consultancy-section .form-group input:focus{

}


/** service-style-three **/

.service-style-three{
  position: relative;
  padding: 4.5625rem 0rem 7.5rem 0rem;
}

.sec-title-two h5{
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  font-weight: 400;
}

.sec-title-two h2{
  line-height: 2.75rem;
}

.service-block-two .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 0rem 1.875rem 2.875rem 1.875rem;
  border-radius: 1.25rem;
  box-shadow: 0rem 0.625rem 1.875rem 0rem rgba(0, 0, 0, 0.10);
}

.service-block-two .inner-box .icon-box{
  position: relative;
  display: inline-block;
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  font-size: 3.125rem;
  background: #fff;
  text-align: center;
  border-radius: 2.5rem;
  box-shadow: 0rem 0.625rem 1.875rem 0rem rgba(0, 0, 0, 0.10);
  margin-top: -3.125rem;
  margin-bottom: 1.6875rem;
  z-index: 1;
  transition: all 500ms ease;
}

.service-block-two .inner-box:hover .icon-box{
  color: #fff;
}

.service-block-two .inner-box .icon-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0rem;
  border-radius: 2.5rem;
  transform: scale(0,0);
  z-index: -1;
  transition: all 500ms ease;
}

.service-block-two .inner-box:hover .icon-box:before{
  transform: scale(1,1);
}

.service-block-two .inner-box h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 1.125rem;
}

.service-block-two .inner-box h3 a{
  display: inline-block;
  color: #141417;
}

.service-block-two .inner-box h3 a:hover{

}

.service-block-two .inner-box p{
  line-height: 1.625rem;
  margin-bottom: 1.0625rem;
}

.service-block-two .inner-box .link-text a{
  position: relative;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-family: 'Montserrat', sans-serif;
  color: #141417;
  font-weight: 500;
}

.service-block-two .inner-box .link-text a:hover{

}

.service-style-three .pattern-layer .pattern-1{
  position: absolute;
  top: 0rem;
  right: 13.125rem;
  width: 11.375rem;
  height: 11.3125rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.service-style-three .pattern-layer .pattern-2{
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  width: 31.25rem;
  height: 37.8125rem;
  background-repeat: no-repeat;
}

.service-style-three .pattern-layer .pattern-3{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 31.3125rem;
  height: 37.8125rem;
  background-repeat: no-repeat;
}


/** chooseus-style-three **/

.chooseus-style-three{
  padding: 3.375rem 0rem 7.5rem 0rem;
}

.chooseus-style-three .bg-layer{
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  width: 100%;
  height: 23.4375rem;
  background: -webkit-linear-gradient(90deg, #daf3f0, #f8eadf 100%);
}

.chooseus-style-three .image-layer{
  position: absolute;
  left: 9.375rem;
  bottom: 0rem;
}

.content_block_eight .content-box{
  padding: 3.75rem 4.375rem 2.3125rem 4.375rem;
  border-radius: 0.9375rem;
  background: #fff;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(0, 0, 0, 0.10);
}

.content_block_eight .content-box .text{
  margin-bottom: 2.375rem;
}

.content_block_eight .content-box .text p{
  font-size: 1.125rem;
}

.content_block_eight .content-box .text h2{
  font-size: 2.5rem;
  line-height: 2.8125rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.content_block_eight .content-box p{
  line-height: 1.625rem;
}

.content_block_eight .content-box .single-item h4{
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.875rem;
}

.content_block_eight .content-box .single-item h4 a{
  display: inline-block;
  color: #141417;
}

.content_block_eight .content-box .single-item h4 a:hover{

}

.content_block_eight .content-box .single-item{
  margin-bottom: 1.875rem;
}

.content_block_eight .content-box .shape{
  position: absolute;
  left: -8.125rem;
  top: -8.125rem;
  width: 17.5625rem;
  height: 17.5625rem;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.chooseus-style-three .pattern-layer{
  position: absolute;
  left: 15rem;
  bottom: 0rem;
  width: 15rem;
  height: 15rem;
  background-repeat: no-repeat;
}

.process-section.alternat-2{
  background: #111821;
}

.process-section .sec-title-two h2{
  color: #fff;
}

.process-section.alternat-2 .process-block-one .inner-box .image-box{
  background: #111821;
}

.process-section.alternat-2 .process-block-one .inner-box h3{
  color: #fff;
}

.process-section.alternat-2 .process-block-one .inner-box p{
  color: #b8babd;
}

.process-section .pattern-layer .pattern-3{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 24.6875rem;
  height: 25.75rem;
  background-repeat: no-repeat;
}

.process-section .pattern-layer .pattern-4{
  position: absolute;
  top: 11.875rem;
  right: 4.375rem;
  width: 20.3125rem;
  height: 20.3125rem;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}


/** faq-section **/

.faq-section{
  padding: 7.5rem 0rem 7.5rem 0rem;
}

.accordion-box .block{
  position: relative;
  display: block;
  margin-bottom: 1.25rem;
  border-radius: 0.9375rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0rem 0.625rem 1.875rem 0rem rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
}

.accordion-box .block:last-child{
  margin-bottom: 0rem;
}

.accordion-box .block .acc-btn{
  position: relative;
  display: block;
  cursor: pointer;
  background: #fff;
  padding: 1.0625rem 3.125rem 1.0625rem 1.875rem;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  top: 1.125rem;
  right: 1.875rem;
  font-size: 1.375rem;
  color: #6e6e6e;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon-outer{
  transform: rotate(180deg);
  color: #fff;
}

.accordion-box .block .acc-btn.active{

}

.accordion-box .block .acc-btn h5{
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h5{
  color: #fff;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
  padding: 1.5625rem 7.5rem 2.3125rem 1.875rem;
}

.accordion-box .block .acc-content p{
  line-height: 1.625rem;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.content_block_nine .content-box{
  position: relative;
  display: block;
}

.image_block_five .image-box{
  padding-left: 7.1875rem;
  padding-bottom: 6.5625rem;
}

.image_block_five .image-box .image{
  border-radius: 50%;
}

.image_block_five .image-box .image img{
  width: 100%;
  border-radius: 50%;
}

.image_block_five .image-box .image-2{
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  border: 0.625rem solid #fff;
  box-shadow: 0rem 0.625rem 2.5rem 0rem rgba(0, 0, 0, 0.10);
}

.image_block_five .image-box .shape .shape-1{
  position: absolute;
  left: 0rem;
  top: 10rem;
  width: 15.0625rem;
  height: 15.0625rem;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.image_block_five .image-box .shape .shape-2{
  position: absolute;
  top: 11.25rem;
  right: -5rem;
  width: 15.0625rem;
  height: 15.0625rem;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.faq-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  width: 32.375rem;
  height: 23.9375rem;
  background-repeat: no-repeat;
}

.faq-section .pattern-layer .pattern-2{
  position: absolute;
  top: 0rem;
  right: 16.875rem;
  width: 48.8125rem;
  height: 12.3125rem;
  background-repeat: no-repeat;
}


/** team-style-three **/

.team-style-three{
  padding: 7.5rem 0rem 13.75rem 0rem;
  background: -webkit-linear-gradient(-90deg, #fdebe0, #d9f6f4 100%);
}

.team-block-three .inner-box{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.team-block-three .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #111821;
}

.team-block-three .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.team-block-three .inner-box:hover .image-box img{
  opacity: 0.7;
  transform: scale(1.05);
}

.team-block-three .inner-box .lower-content{
  position: relative;
  padding: 3.4375rem 1.875rem 1.8125rem 1.875rem;
}

.team-block-three .inner-box .lower-content .share-icon{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -1.25rem;
}

.team-block-three .inner-box .lower-content .share-icon a{
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.375rem;
  font-size: 1.25rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  transform: scale(1,1);
}

.team-block-three .inner-box:hover .lower-content .share-icon a{
  transform: scale(0,0);
}

.team-block-three .inner-box .lower-content .social-links{
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(0,0);
  width: 100%;
  top: -1.25rem;
  text-align: center;
  transition: all 500ms ease;
}

.team-block-three .inner-box:hover .lower-content .social-links{
  transform: translateX(-50%) scale(1,1);
}

.team-block-three .inner-box .lower-content .social-links li{
  position: relative;
  display: inline-block;
  margin: 0rem 0.21875rem;
}

.team-block-three .inner-box .lower-content .social-links li a{
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.375rem;
  font-size: 1.25rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}

.team-block-three .inner-box .lower-content h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.team-block-three .inner-box .lower-content h3 a{
  display: inline-block;
  color: #141417;
}

.team-block-three .inner-box .lower-content h3 a:hover{

}

.team-block-three .inner-box .lower-content .designation{
  position: relative;
  display: block;
  line-height: 1.625rem;
}


.skills-section.alternat-2{
  background: #fff;
}

.skills-section.alternat-2 .progress-box .bar{
  background: #e9f5f4;
}

.skills-section.alternat-2 .image_block_four .image-box{
  padding-right: 11.5625rem;
}

.skills-section.alternat-2 .image_block_four .image-box .icon-box{
  top: 1.875rem;
  right: 2.5rem;
}

.skills-section .pattern-layer .pattern-3{
  position: absolute;
  left: 0rem;
  top: -6.25rem;
  width: 18.5625rem;
  height: 20.5rem;
  background-repeat: no-repeat;
}

.skills-section .pattern-layer .pattern-4{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 17.1875rem;
  height: 23.625rem;
  background-repeat: no-repeat;
}


/** testimonial-style-three **/

.testimonial-style-three{
  padding: 7.5rem 0rem 6.875rem 0rem;
  background: -webkit-linear-gradient(-90deg, #fdebe0, #d9f6f4 100%);
}

.testimonial-style-three .shape .shape-1{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 35.8125rem;
  height: 21.75rem;
  background-repeat: no-repeat;
}

.testimonial-style-three .shape .shape-2{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 29.375rem;
  height: 17.75rem;
  background-repeat: no-repeat;
}

.testimonial-style-three .testimonial-content .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 3rem 3.125rem 2.625rem 3.125rem;
  border-radius: 1.875rem 0rem 1.875rem 0rem;
}

.testimonial-style-three .testimonial-content .inner-box .light-icon{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 4.375rem;
  color: #d9f6f4;
}

.testimonial-style-three .testimonial-content .inner-box .rating li{
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  color: #4f67d2;
  margin: 0rem 0.125rem;
}

.testimonial-style-three .testimonial-content .inner-box .rating{
  margin-bottom: 0.75rem;
}

.testimonial-style-three .testimonial-content .inner-box p{
  font-size: 1.125rem;
  line-height: 2rem;
  color: #141417;
  margin-bottom: 0.875rem;
}

.testimonial-style-three .testimonial-content .inner-box h4{
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.testimonial-style-three .testimonial-content .inner-box .designation{
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.625rem;
}

.testimonial-style-three .owl-dots{
  margin-top: 3rem;
}


/** subscribe-section **/

.subscribe-section{
  padding: 2.8125rem 0rem;
}

.subscribe-section .text h2{
  position: relative;
  display: block;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  color: #fff;
  padding-left: 6.25rem;
}

.subscribe-section .text h2 i{
  position: absolute;
  left: 0rem;
  top: 0.3125rem;
  font-size: 4.375rem;
  line-height: 3.75rem;
}

.subscribe-section .form-inner{
  position: relative;
}

.subscribe-section .form-inner .form-group{
  position: relative;
  margin-bottom: 0rem;
  padding-right: 13.75rem;
}

.subscribe-section .form-inner .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 3.75rem;
  background: #fff;
  font-size: 0.9375rem;
  color: #808080;
  padding: 0.625rem 1.875rem;
  border-radius: 1.875rem;
}

.subscribe-section .form-inner .form-group button{
  position: absolute;
  top: 0rem;
  right: 0rem;
  background: #111821;
  padding: 1.0625rem 3.4375rem;
}

.subscribe-section .form-inner .form-group button:before{
  background: #fff;
}

.subscribe-section .form-inner .form-group button:hover{
  color: #111821 !important;
}



/*** 

====================================================================
                        About-Page
====================================================================

***/


/** page-title **/

.page-title{
  position: relative;
  padding: 8.0625rem 0rem 8rem 0rem;
}

.page-title .bg-layer{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page-title .content-box h1{
  position: relative;
  display: block;
  font-size: 3.125rem;
  line-height: 3.4375rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  padding-right: 1.25rem;
  margin-right: 0.8125rem;
}

.page-title .content-box .bread-crumb li:last-child{
  padding: 0rem !important;
  margin: 0rem !important;
}

.page-title .content-box .bread-crumb li a{
  color: #141417;
}

.page-title .content-box .bread-crumb li a:hover{

}

.page-title .content-box .bread-crumb li:before{
  position: absolute;
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  color: #141417;
  top: 0.0625rem;
  right: 0rem;
}

.page-title .content-box .bread-crumb li:last-child:before{
  display: none;
}

.service-style-two.about-page{
  background: #f2f4f5;
}

.chooseus-style-two.about-page{
  padding-bottom: 4.25rem;
}

.chooseus-style-two.about-page .video-column{
  left: inherit;
  right: 0rem;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 4% 0%);
}

.chooseus-style-two .shape-3{
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 17.4375rem;
  height: 22.375rem;
  background-repeat: no-repeat;
}

.service-page-section{
  padding: 7.5rem 0rem 5.625rem 0rem;
}

.service-page-section .service-block-one .inner-box{
  box-shadow: 0rem 0.625rem 2.5rem 0rem rgba(0, 0, 0, 0.10);
  margin-bottom: 1.875rem;
}

.service-style-three.service-page-2 .service-block-two .inner-box{
  margin-bottom: 6.25rem;
}

.service-style-three.service-page-2{
  padding-bottom: 1.25rem;
  padding-top: 10.625rem;
}

.service-style-three.service-page-2 .service-block-two .inner-box .icon-box{
  font-size: 2.5rem;
  border-radius: 1.875rem;
}

.service-style-three.service-page-2 .service-block-two .inner-box .icon-box:before{
  border-radius: 1.875rem;
}


/** service-details **/

.service-details{
  padding: 7.5rem 0rem 7.1875rem 0rem;
}

.service-sidebar{
  position: relative;
  display: block;
  background: #f2f4f5;
  padding: 2.9375rem 1.875rem 2.6875rem 1.875rem;
  border-radius: 1.25rem;
}

.service-sidebar .text{
  margin-bottom: 1.8125rem;
}

.service-sidebar .text h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 1.125rem;
}

.service-sidebar .text p{
  line-height: 1.625rem;
}

.service-sidebar .category-list li{
  position: relative;
  display: block;
  margin-bottom: 0.9375rem;
}

.service-sidebar .category-list li:last-child{
  margin-bottom: 0rem;
}

.service-sidebar .category-list li a{
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #141417;
  /* font-family: 'Rubik', sans-serif; */
}

.service-sidebar .category-list li a:hover,
.service-sidebar .category-list li a.current{
  padding-left: 2.9375rem;
}

.service-sidebar .category-list li a:before{
  position: absolute;
  content: '';
  width: 1.875rem;
  height: 0.125rem;
  left: 0rem;
  top: 0.6875rem;
  opacity: 0;
  transition: all 500ms ease;
}

.service-sidebar .category-list li a:hover:before,
.service-sidebar .category-list li a.current:before{
  opacity: 1;
}

.service-details-content{
  position: relative;
  display: block;
}

.service-details-content h2{
  display: block;
  font-size: 2.5rem;
  line-height: 2.8125rem;
  font-weight: 600;
  margin-bottom: 1.5625rem;
}

.service-details-content p{
  line-height: 1.625rem;
  margin-bottom: 1.625rem;
}

.service-details-content p:last-child{
  margin-bottom: 0rem;
}

.service-details-content .image-box{
  position: relative;
  display: block;
  border-radius: 1.25rem;
}

.service-details-content .image-box img{
  width: 100%;
  border-radius: 1.25rem;
  object-fit: cover;
}

.service-details-content .content-one .text{
  margin-bottom: 3.875rem;
}

.service-details-content .content-one{
  margin-bottom: 3.9375rem;
}

.service-details-content h3{
  display: block;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  font-weight: 600;
  margin-bottom: 1.6875rem;
}

.service-details-content .content-two{
  margin-bottom: 3.4375rem;
}

.service-details-content .content-three{
  margin-bottom: 4.5rem;
}

.team-page-section{
  padding: 7.5rem 0rem 5.625rem 0rem;
}

.team-page-section .team-block-one .inner-box{
  margin-bottom: 1.875rem;
}

.team-style-two.team-page-2{
  padding: 7.5rem 0rem 5.625rem 0rem;
}

.team-style-two.team-page-2 .team-block-two .inner-box{
  margin-bottom: 1.875rem;
}


/** team-details **/

.team-details{
  padding: 7.5rem 0rem;
}

.team-details .image-box{
  position: relative;
  display: block;
  border-radius: 1.25rem;
}

.team-details .image-box img{
  width: 100%;
  border-radius: 1.25rem;
}

.team-details-content{
  position: relative;
  display: block;
}

.team-details-content h2{
  position: relative;
  display: block;
  font-size: 2.5rem;
  line-height: 2.8125rem;
  font-weight: 600;
  margin-bottom: 0.6875rem;
}

.team-details-content .team-info .designation{
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.625rem;
  margin-bottom: 1.625rem;
}

.team-details-content .team-info p{
  line-height: 1.625rem;
  margin-bottom: 1.5625rem;
}

.team-details-content .team-info .list li{
  position: relative;
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5625rem;
}

.team-details-content .team-info .list li:last-child{
  margin-bottom: 0rem;
}

.team-details-content .team-info .list li a{
  color: #787878;
}

.team-details-content .team-info .list li a:hover{

}

.team-details-content .team-info .list li span{
  position: relative;
  display: inline-block;
  width: 7.1875rem;
  color: #141417;
  font-weight: 500;
}

.team-details-content .team-info .list{
  margin-bottom: 1.9375rem;
}

.team-details-content .team-info .social-link li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 1.25rem;
}

.team-details-content .team-info .social-link li:last-child{
  margin: 0rem !important;
}

.team-details-content .team-info .social-link li a{
  position: relative;
  display: inline-block;
  width: 2.875rem;
  height: 2.875rem;
  line-height: 2.875rem;
  text-align: center;
  border: 0.0625rem solid #e6e6e6;
  font-size: 0.9375rem;
  color: #808080;
  border-radius: 50%;
}

.team-details-content .team-info .social-link li a:hover{
  color: #fff;
}

.team-details-content .team-info{
  margin-bottom: 4.125rem;
}

.team-details-content h3{
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 1rem;
}

.team-details-content .skills-box .text{
  margin-bottom: 1rem;
}

.team-details-content .skills-box .text p{
  line-height: 1.625rem;
}

.team-details-content .skills-box .progress-box .bar{
  background: #f2f2f2;
}

.team-details-content .skills-box{
  margin-bottom: 4rem;
}

.team-details-content .contact-box h3{
  margin-bottom: 1.4375rem;
}

.team-details-content .contact-box .form-inner .column{
  padding: 0rem 0.625rem;
}

.team-details-content .contact-box .form-inner .form-group{
  position: relative;
  margin-bottom: 1.25rem;
}

.team-details-content .contact-box .form-inner .column:last-child .form-group{
  margin-bottom: 0rem;
}

.team-details-content .contact-box .form-inner{
  margin: 0rem 0.3125rem;
}

.team-details-content .contact-box .form-inner .form-group input[type='text'],
.team-details-content .contact-box .form-inner .form-group input[type='email'],
.team-details-content .contact-box .form-inner .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 3.125rem;
  border: 0.0625rem solid #e5e5e5;
  border-radius: 1.875rem;
  padding: 0.625rem 1.875rem;
  font-size: 1rem;
  color: #6e6e6e;
  transition: all 500ms ease;
}

.team-details-content .contact-box .form-inner .form-group textarea{
  height: 9.375rem;
  resize: none;
}

.team-details-content .contact-box .form-inner .form-group input:focus,
.team-details-content .contact-box .form-inner .form-group textarea:focus{

}


/** portfolio-page-section **/

.portfolio-page-section{
  padding: 7.5rem 0rem 5.625rem 0rem;
}

.portfolio-page-section .project-block-one .inner-box{
  border-radius: 1.25rem;
  margin-bottom: 1.875rem;
}

.portfolio-page-section .project-block-one .inner-box .image-box{
  border-radius: 1.25rem;
}

.portfolio-page-section .project-block-one .inner-box .image-box img{
  border-radius: 1.25rem;
}

.sortable-masonry .filter-tabs li{
  position: relative;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #141417;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  border: 0.0625rem solid #e5e5e5;
  border-radius: 1.875rem;
  text-align: center;
  padding: 0.6875rem 2rem;
  cursor: pointer;
  margin: 0rem 0.21875rem;
  transition: all 500ms ease;
}

.sortable-masonry .filter-tabs li.active,
.sortable-masonry .filter-tabs li:hover{
  color: #fff;
}

.portfolio-page-section .outer-container{
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.portfolio-page-section .outer-container .masonry-item{
  float: left;
  width: 20%;
  padding: 0rem 0.9375rem;
}

.portfolio-page-section .outer-container .items-container{
  margin: 0rem -0.9375rem;
}



/*** 

====================================================================
                        Shop-Page
====================================================================

***/

.shop-page-section{
  padding: 7.5rem 0rem;
}

.shop-block-one .inner-box{
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 1.375rem;
  transition: all 500ms ease;
}

.shop-block-one .inner-box .image-box{
  position: relative;
  display: block;
  background: #f2f4f5;
  border-radius: 1.25rem;
}

.shop-block-one .inner-box .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
}

.shop-block-one .inner-box .image-box .image img{
  width: 100%;
  transition: all 500ms ease;
}

.shop-block-one .inner-box:hover .image-box .image img{
  transform: scale(1.03);
}

.shop-block-one .inner-box .image-box .option-list{
  position: absolute;
  bottom: 3.125rem;
  width: calc(100% - 3.75rem);
  left: 1.875rem;
  background: #fff;
  padding: 1.0625rem 1.4375rem;
  text-align: center;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(0, 0, 0, 0.10);
  transform: scale(0,0);
  opacity: 0;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
}

.shop-block-one .inner-box:hover .image-box .option-list{
  transform: scale(1,1);
  opacity: 1;
}

.shop-block-one .inner-box .image-box .option-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 0.3125rem;
}

.shop-block-one .inner-box .image-box .option-list li:last-child{
  margin: 0rem !important;
}

.shop-block-one .inner-box .image-box .option-list li a{
  position: relative;
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.5rem;
  background: #ededed;
  font-size: 1rem;
  color: #141417;
  text-align: center;
  border-radius: 50%;
}

.shop-block-one .inner-box .image-box .option-list li a:hover{
  color: #fff;
}

.shop-block-one .inner-box .image-box .hot{
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  font-size: 0.8125rem;
  line-height: 1.6875rem;
  color: #fff;
  border-radius: 1.5625rem;
  padding: 0rem 1rem;
}

.shop-block-one .inner-box .image-box .sale{
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  font-size: 0.8125rem;
  line-height: 1.6875rem;
  color: #fff;
  background: #15ad64;
  border-radius: 1.5625rem;
  padding: 0rem 1rem;
}

.shop-block-one .inner-box .lower-content{
  position: relative;
  display: block;
  padding: 1.6875rem 0.9375rem 1.5625rem 0.9375rem;
}

.shop-block-one .inner-box .lower-content h5{
  position: relative;
  display: block;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.shop-block-one .inner-box .lower-content h5 a{
  display: inline-block;
  color: #141417;
}

.shop-block-one .inner-box .lower-content h5 a:hover{

}

.shop-block-one .inner-box .lower-content .rating li{
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
  color: #ffc92e;
}

.shop-block-one .inner-box .lower-content .rating{
  margin-bottom: 0.1875rem;
}

.shop-block-one .inner-box .lower-content .price{
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #141417;
}

.wrapper.list .shop-list-content{
  display: block;
}

.wrapper.list .shop-grid-content{
  display: none
}

.wrapper.grid .shop-list-content{
  display: none;
}

.wrapper.grid .shop-grid-content{
  display: block
}

.shop-sidebar .widget-title{
  position: relative;
  display: block;
  margin-bottom: 1.375rem;
}

.shop-sidebar .widget-title h4{
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.shop-sidebar .search-widget .form-group{
  position: relative;
  margin-bottom: 0rem;
}

.shop-sidebar .search-widget .form-group input[type='search']{
  position: relative;
  display: block;
  width: 100%;
  height: 3.125rem;
  background: #f2f4f5;
  border-radius: 1.875rem;
  border: 0.0625rem solid #f2f4f5;
  padding: 0.625rem 1.875rem 0.625rem 3rem;
  font-size: 1rem;
  color: #808080;
  transition: all 500ms ease;
}

.shop-sidebar .search-widget .form-group button{
  position: absolute;
  left: 1.25rem;
  top: 0.8125rem;
  font-size: 1.25rem;
  color: #808080;
  cursor: pointer;
  background: transparent;
  transition: all 500ms ease;
}

.shop-sidebar .search-widget .form-group input:focus + button,
.shop-sidebar .search-widget .form-group button:hover{

}

.shop-sidebar .search-widget .form-group input:focus{

}

.shop-sidebar .search-widget{
  margin-bottom: 2.75rem;
}

.shop-sidebar .category-widget .category-list li{
  position: relative;
  display: block;
  margin-bottom: 0.8125rem;
}

.shop-sidebar .category-widget .category-list li:last-child{
  margin-bottom: 0rem;
}

.shop-sidebar .category-widget .category-list li a{
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #141417;
}

.shop-sidebar .category-widget .category-list li a:hover{
  text-decoration: underline;
}

.shop-sidebar .category-widget .widget-title{
  margin-bottom: 0.875rem;
}

.shop-sidebar .category-widget{
  margin-bottom: 2.5rem;
}

.range-slider .title:before {
  position: absolute;
  content: '$';
  left: -0.3125rem;
  top: -1.125rem;
  color: #919191;
  font-size: 0.9375rem;
}

.range-slider .input{
  color:#919191;
  max-width: 4.6875rem;
}

.range-slider .input input{
  background:none;
  color:#919191;
  font-size:0.9375rem;
  line-height: 1.625rem;
  text-align:left;
  width: 5rem;
}

.range-slider .ui-widget.ui-widget-content{
  height:0.1875rem;
  border:none;
  margin-bottom:1.125rem;
  background:#f0f0f0; 
}

.range-slider .ui-slider .ui-slider-range{
  top:0rem;
  height:0.1875rem;
}

.range-slider .ui-state-default,
.range-slider .ui-widget-content .ui-state-default{
  top:-0.3125rem;
  width:0.8125rem;
  height:0.8125rem;
  border: none;
  border-radius:50%;
  cursor:pointer; 
  margin-left: 0rem;;
}

.range-slider .ui-slider .ui-slider-range{
  
}

.shop-sidebar .price-filter .pull-right p{
  position: relative;
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #808080;
  margin-right: 0.3125rem;
}

.shop-sidebar .price-filter{
  margin-bottom: 2.125rem;
}

.shop-sidebar .price-filter .filter-btn{
  position: relative;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #141417;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

.shop-sidebar .tags-widget .tags-list li {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

.shop-sidebar .tags-widget .tags-list li a{
  position: relative;
  display: inline-block;
  font-size: 0.9375rem;
  color: #141417;
  background: #f2f4f5;
  border-radius: 1.875rem;
  padding: 0.1875rem 1.5rem;
}

.shop-sidebar .tags-widget .tags-list li a:hover{
  color: #fff;
}

.shop-sidebar .price-filter .widget-title{
  margin-bottom: 1.6875rem;
}

.shop-page-section .item-shorting .text p span {
  color: #141417;
}

.shop-page-section .item-shorting .left-column .btn-box button {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  color: #242426;
  margin-right: 0.75rem;
  transition: all 500ms ease;
}

.shop-page-section .item-shorting .nice-select{
  height: auto;
  line-height: 1.625rem;
  border: none !important;
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  color: #141417;
  padding-left: 0rem;
  padding-right: 4.0625rem;
}

.shop-page-section .item-shorting .nice-select:after{
  right: 0rem;
  border-bottom: 0.125rem solid #141417;
  border-right: 0.125rem solid #141417;
  top: 0.8125rem;
  width: 0.4375rem;
  height: 0.4375rem;
}

.shop-page-section .item-shorting .nice-select .list{
  min-width: 10rem;
}


/** shop-details **/

.product-details-content .image-box{
  background: #f2f4f5;
  border-radius: 1.25rem;
}

.product-details-content .image-box img{
  width: 100%;
}

.product-details-content .image-box .preview-link a{
  background: #fff;
  color: #141417;
  border-radius: 50%;
}

.product-details-content .image-box .preview-link a:hover{
  color: #fff;
}

.product-details-content .product-details .rating li {
  color: #ffc92e;
}

.product-details-content .product-details .rating li a:hover{

}

.product-details-content .product-details .price{
  color: #222222;
}

.product-details-content .product-details .text p{
  line-height: 1.625rem;
}

.product-details-content .product-details .addto-cart-box .clearfix li a{
  color: #141417;
  background: #f2f4f5;
}

.product-details-content .product-details .addto-cart-box .clearfix li a:hover{
  color: #fff;
}

.product-details-content .product-details .other-option .list li span{
  color: #141417;
}

.product-details-content .product-details .addto-cart-box .theme-btn{
  padding: 0.75rem 1.875rem;
}

.product-details-content .product-details .other-option .list li a{
  color: #848484;
}

.shop-details .product-discription .tab-btn-box .tab-btns li{
  cursor: pointer;
}

.shop-details .product-discription .tab-btn-box .tab-btns li.active-btn,
.shop-details .product-discription .tab-btn-box .tab-btns li:hover{
  color: #141417;
}

.shop-details .product-discription .tab-btn-box .tab-btns li:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 0.125rem;
  left: 0rem;
  bottom: -1.6875rem;
  transition: all 500ms ease;
}

.shop-details .product-discription .tab-btn-box .tab-btns li.active-btn:before,
.shop-details .product-discription .tab-btn-box .tab-btns li:hover:before{
  width: 100%;
}


.product-details-content .product-details .addto-cart-box .item-quantity {
  position: relative;
  display: inline-block;
  max-width: 6.625rem;
  height: 3.125rem;
  width: 100%;
  float: left;
  padding: 0rem 2.5rem 0rem 0rem;
  margin-right: 0.625rem;
  background: #f2f4f5;
  border-radius: 1.875rem;
  z-index: 1;
}

.product-details-content .product-details .addto-cart-box input.quantity-spinner {
  line-height: 3rem;
  height: 3rem;
  width: 2.6875rem !important;
  padding: 0rem !important;
  box-shadow: none !important;
  border: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #101010;
  background: transparent;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
  position: absolute;
  background: transparent;
  padding: 0rem 0rem;
  right: -1.0625rem;
  top: 0.25rem;
  border-right: none;
  border-radius: 0rem;
  z-index: 1;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{
  position: absolute;
  background: transparent;
  padding: 0rem 0rem;
  right: -1.125rem;
  top: 1.0625rem;
  border-left: none;
  margin-top: 0rem;
  border-radius: 0rem;
  z-index: 1;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
  content: "\f107";
  font-size: 1.125rem;
  font-style: normal;
  color: #b3b3b3;
  font-family: 'Font Awesome 5 pro';
  font-weight: 400;
  transition: all 500ms ease;
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
  content: "\f106";
  font-size: 1.125rem;
  font-style: normal;
  color: #b3b3b3;
  font-weight: 400;
  font-family: 'Font Awesome 5 pro';
  transition: all 500ms ease;
}

.bootstrap-touchspin .glyphicon-chevron-up:hover:before,
.bootstrap-touchspin .glyphicon-chevron-down:hover:before{
  color: #101010;
}

.bootstrap-touchspin .input-group-btn-vertical{
  position: absolute;
  width: 100%;
}

.bootstrap-touchspin .input-group-btn-vertical i{
  top: 0rem;
  left: 0.4375rem;
  font-size: inherit !important; 
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
  margin-top: 0rem;
}

.shop-details .product-discription .customer-inner .rating li{
  color: #ffc92e;
}

.shop-details .product-discription .customer-inner .customer-review{
  border-bottom: 0.0625rem solid #e5e5e5;
}

.shop-details .product-discription .comment-form input,
.shop-details .product-discription .comment-form textarea{
  border: 0.0625rem solid #e6e6e6;
}

.shop-details .product-discription .comment-form textarea{
  height: 10.625rem;
  resize: none;
}

.shop-details .product-discription .check-box label{
  color: #808080;
}

.cart-section .othre-content .update-btn button:hover{
  color: #fff !important;
}

.shop-details .product-discription .theme-btn{
  padding: 1rem 1.875rem;
}

.default-form input[type='text'],
.default-form input[type='email'],
.default-form input[type='tel'],
.default-form input[type='password'],
.default-form textarea{
  position: relative;
  width: 100%;
  height: 3.125rem;
  background: #fff;
  border: 0.0625rem solid #fff;
  font-size: 0.9375rem;
  color: #808080;
  padding: 0.9375rem 1.25rem;
  border-radius: 0rem;
  background: transparent;
  border: 0.0625rem solid #e6e6e6;
  transition: all 500ms ease;
}

.default-form input:focus,
.default-form textarea:focus{

}

.shop-details .product-discription .comment-form textarea {
  height: 10.625rem;
  resize: none;
}

.shop-details .product-discription .tab-btn-box{
  position: relative;
  padding-bottom: 1.625rem;
  margin-bottom: 2.0625rem;
  border-bottom: 0.0625rem solid #e5e5e5;
}


/** cart-section **/


.cart-section .item-quantity {
  position: relative;
  display: inline-block;
  max-width: 6.25rem;
  height: 3.125rem;
  width: 100%;
  float: left;
  padding: 0rem 2.5rem 0rem 0rem;
  background: #f2f4f5;
  z-index: 1;
  border-radius: 1.875rem;
}

.cart-section input.quantity-spinner {
  line-height: 3rem;
  height: 3rem;
  width: 2.6875rem !important;
  padding: 0rem !important;
  box-shadow: none !important;
  border: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #141417;
  background: transparent;
}

.cart-section .table-outer {
  overflow-x: auto;
  height: auto;
  position: relative;
  width: 100%;
}

.cart-section .cart-table {
  min-width: 73.125rem;
  width: 100%;
}

.cart-section .cart-table thead tr th {
  line-height: 1.5rem;
  min-width: 6.875rem;
  padding: 1rem;
  color: #fff;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  position: relative;
}

.cart-section .cart-table tbody tr{
  border-bottom: 0.0625rem solid #e6e6e6;
}

.cart-section .cart-table .cart-header {
  /* background: #f2f4f5; */
  border-radius: 0.9375rem;
  background: #eff6f7;
}

.cart-section .cart-table tbody tr td.prod-column {
  padding: 1rem;
}

.cart-section .cart-table tbody tr .prod-column .column-box {
  min-height: 0;
  position: relative;
  padding: 0;
  display: flex;
  align-items: center;
}

.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .5rem;
  border: 0.1875rem solid #4f67d2;
}

.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb {
  position: relative;
  left: 0;
  top: -0.0625rem;
  width: 3.125rem;
  height: 2.5rem;
  background: #fff;
  border-radius: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: .5rem; */
}

.cart-section .cart-table tbody tr .prod-column .column-box .title{
  padding-left: 1.25rem;
}

.cart-section .cart-table tbody tr .prod-column .column-box .remove-btn{
  position: absolute;
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.375rem;
  font-size: 0.875rem;
  color: #141417;
  font-weight: 900;
  background: #f2f4f5;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 500ms ease;
}

.cart-section .cart-table tbody tr .prod-column .column-box .remove-btn:hover{
  color: #fff;
}

.cart-section .cart-table tbody tr td.price {
  font-size: 1rem;
  color: #141417;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  padding: 1.875rem 0rem 1.875rem 0rem;
}

.cart-section .cart-table thead tr th:last-child{
  text-align: center;
}

.cart-section .cart-table tbody tr .sub-total {
  font-size: 1rem;
  padding: 1.6875rem 0rem 1.6875rem 0rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #141417;
  text-align: center;
}

.cart-section .cart-table tbody tr td.qty{
  position: relative;
}

.cart-section .cart-table .prod-title {
  position: relative;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #141417;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  margin-top: 0;
  margin-left: 0.625rem;
}
.cart-section .othre-content{
  position: relative;
  display: block;
  padding: 1.875rem 0rem;
  margin-bottom: 4.0625rem;
}

.cart-section .othre-content .coupon-box{
  position: relative;
  width: 33.125rem;
  padding-right: 11.4375rem;
}

.cart-section .othre-content .coupon-box input[type='text']{
  position: relative;
  display: block;
  width: 100%;
  max-width: 21.6875rem;
  font-size: 0.9375rem;
  height: 3.125rem;
  color: #808080;
  font-size: 1rem;
  background: #f2f4f5;
  border: 0.0625rem solid #f2f4f5;
  border-radius: 1.875rem;
  padding: 0.625rem 1.875rem 0.625rem 1.875rem;
  transition: all 500ms ease;
}

.cart-section .othre-content .coupon-box input:focus{

}

.cart-section .othre-content .coupon-box button{
  position: absolute;
  top: 0rem;
  right: 0rem;
  padding: 0.75rem 0.9375rem;
  width: 10.8125rem;
}

.cart-section .othre-content .coupon-box button i{
  position: relative;
  font-size: 1.25rem;
  top: 0.125rem;
  font-weight: 700;
  margin-left: 0.5rem;
}

.cart-section .othre-content .coupon-box input:focus + button,
.cart-section .othre-content .coupon-box button:hover{
  color: #fff;
}

.cart-section .othre-content .update-btn button{
  opacity: 0.7;
  padding: 0.75rem 0.9375rem;
  width: 10rem;
}

.cart-section .cart-total .total-cart-box{
  position: relative;
}

.cart-section .cart-total .total-cart-box h3{
  margin-bottom: 1.4375rem;
}

.cart-section .cart-total .total-cart-box .list{
  border: 0.0625rem solid #e6e6e6;
}

.cart-section .cart-total .total-cart-box .list li{
  position: relative;
  display: block;
  font-size: 1.125rem;
  color: #141417;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  padding: 0.75rem 1.875rem;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.cart-section .cart-total .total-cart-box .list li:last-child{
  border-bottom: none;
}

.cart-section .cart-total .total-cart-box .list li span{
  float: right;
  color: #848484;
}

.cart-section .cart-total .total-cart-box .list li:last-child span{
  color: #172746;
}

.cart-section .cart-total .total-cart-box .theme-btn {
  padding: 0.75rem 2.1875rem;
  display: flex;
  align-items: center;
}

.cart-section .cart-total .total-cart-box .list li:before{
  position: absolute;
  content: '';
  background: #e6e6e6;
  width: 0.0625rem;
  height: 100%;
  left: 10.3125rem;
  top: 0rem;
}


/** checkout-section **/

.checkout-section .coupon-box{
  background: #f2f4f5;
  border-radius: 0.625rem;
  color: #141417;
}

.checkout-section .coupon-box a:hover{
  text-decoration: underline;
}

.checkout-section .upper-box .single-box:last-child{
  margin-bottom: 0rem;
}

.checkout-section .upper-box .single-box a{
  
}

.checkout-section .customer a:hover,
.checkout-section .coupon a:hover{
  text-decoration: underline;
}

.checkout-section .billing-form .form-group{
  margin-bottom: 1.4375rem;
}

.checkout-section .billing-form .form-group:last-child{
  margin-bottom: 0rem;
}

.checkout-section .billing-form .form-group input[type='text'],
.checkout-section .billing-form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 2.8125rem;
  background: #fff;
  font-size: 0.9375rem;
  color: #848484;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 1.875rem;
  padding: 0.625rem 0.9375rem;
  transition: all 500ms ease;
}

.checkout-section .billing-form .form-group label{
  color: #141417;
}

.checkout-section .billing-form .form-group input:focus{

}

.checkout-section .billing-form .form-group .nice-select{
  border: 0.0625rem solid #e6e6e6 !important;
  border-radius: 1.875rem;
  width: 100%;
  font-size: 0.9375rem;
  color: #848484;
  background: #fff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  font-weight: 400;
  padding: 0rem 1.25rem;
}

.checkout-section .billing-form .form-group .nice-select:after{
  height: 0.375rem;
  width: 0.375rem;
  border-bottom: 0.125rem solid #121922;
  border-right: 0.125rem solid #121922;
  right: 1.25rem;
}

.checkout-section .billing-form .form-group .nice-select .list{
  width: 100%;
}

.checkout-section .billing-form .form-group input.address{
  margin-bottom: 0.625rem;
}

.checkout-section .billing-form .form-group input:focus{
  
}

.checkout-section .billing-form .select-box .ui-state-default{
  width: 100% !important;
}

.checkout-section .billing-form .select-box .ui-selectmenu-button span.ui-icon:before{
  color: #848484;
}

.checkout-section .additional-info .note-book textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 8.3125rem;
  background: #fff;
  color: #6e6e6e;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.5rem 1.25rem;
  resize: none;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 1.25rem;
  transition: all 500ms ease;
}

.checkout-section .additional-info .note-book textarea:focus{
  
}

.checkout-section .order-info{
  background: #f2f4f5;
  border-radius: 1.25rem;
}

.checkout-section .order-info .order-list li{
  border-bottom: 0.0625rem solid #e6e6e6;
}

.checkout-section .order-info .order-list li:last-child{
  border-bottom: none;
}

.checkout-section .order-info .order-list li span.light{
  color: #848484;
}

.checkout-section .order-info .order-list li span{
  color: #141417;
}

.checkout-section .payment-info{
  background: #f2f4f5;
  border-radius: 1.25rem;
}

.checkout-section .payment-info .payment-inner .option-block{
  position: relative;
  display: block;
  margin-bottom: 1.375rem;
}

.checkout-section .payment-info .check-box input:checked + label:before{
  background: transparent;
  border-color: #e5e5e5;
}

.checkout-section .payment-info .check-box label:after{
  content: '';
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 0.125rem;
  left: 0.3125rem;
  top: 0.5625rem;
}

.checkout-section .payment-info .check-box{
  margin-bottom: 0rem;
}

.checkout-section .payment-info .payment-inner .btn-box .theme-btn-two{
  padding: 1rem 1.875rem;
}

.checkout-section .payment-info .payment-inner{
  background: #fafafa;
}

.checkout-section .payment-info .payment-inner .option-block{
  border-bottom: 0.0625rem solid #e6e6e6;
}

.checkout-section .payment-info .payment-inner .option-block:last-child{
  border-bottom: none;
}

.checkout-section .payment-info .theme-btn{
  padding: 0.75rem 2.1875rem;
}

.checkout-section .payment-info .theme-btn i{
  font-size: 1.25rem;
  position: relative;
  top: 0.125rem;
  margin-left: 0.5rem;
  font-weight: 700;
}

.checkout-section .additional-info label{
  color: #141417;
}

.checkout-section .payment-info .option-block .link a{
  color: #141417;
}

/** check-box **/

.check-box input {
  display: none;
}

.check-box{
  margin-bottom: 0.5625rem;
}

.check-box:last-child{
  margin-bottom: 0rem;
}

.check-box label {
  position: relative;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #141417;
  padding-left: 1.6875rem;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0rem;
  transition: all 500ms ease;
}

.check-box input:checked + label{
  color: #1e2c36;
}

.check-box label:before{
  position: absolute;
  content: '';
  left: 0rem;
  top: 0.25rem;
  width: 1.0625rem;
  height: 1.0625rem;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #dedede;
  border-radius: 0.125rem;
}

.check-box label:after {
  position: absolute;
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  font-size: 0.5625rem;
  left: 0rem;
  top: 0.3125rem;
  width: 1.0625rem;
  height: 1.0625rem;
  line-height: 1.0625rem;
  color: #fff;
  opacity: 0;
  font-weight: 400;
  text-align: center;
}

.check-box input:checked + label:after {
  opacity: 1;
}

.testimonial-page-section{
  background: #fff;
  padding: 7.5rem 0rem 5.625rem 0rem;
}

.testimonial-page-section .testimonial-content .inner-box{
  box-shadow: 0rem 0.625rem 2.5rem 0rem rgba(0, 0, 0, 0.10);
  margin-bottom: 1.875rem;
}

.faq-page-section{
  padding: 6.9375rem 0rem 7.5rem 0rem;
}

.faq-page-section .accordion-box .block .acc-btn h4 {
  font-size: 0.875rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.faq-page-section .accordion-box .block .acc-btn.active{

}

.faq-page-section .accordion-box .block .acc-btn.active h4{
  color: #fff;
}

.faq-page-section .accordion-box .block .acc-content{
  padding-right: 1.5625rem;
}

.faq-page-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  width: 31.375rem;
  height: 28.375rem;
  background-repeat: no-repeat;
}

.faq-page-section .pattern-layer .pattern-2{
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 31.3125rem;
  height: 28.4375rem;
  background-repeat: no-repeat;
}


/** appointment-section **/

.appointment-section{
  padding: 7.5rem 0rem;
}

.appointment-section .ui-datepicker .ui-datepicker-title{
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  padding: 1.6875rem 0rem 1.0625rem 0rem;
}

.datepicker .ui-datepicker-header{
  border-radius: 1.25rem 1.25rem 0rem 0rem;
  border: none;
}

.datepicker {
  background: #fff;
  overflow: hidden;
}

.datepicker .ui-datepicker-inline {
  width: 100%;
  border: none;
  padding: 0rem;
}

.datepicker .ui-datepicker-header {
  text-align: center;
  font-size: 1.4em;
  padding-bottom: .5em;
  letter-spacing: .1em;
  color: #333;
}

.datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  box-shadow: none;
  border: none;
  outline: none;
  left: 0rem;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  width: 1.875rem;
  height: 1.875rem;
  background: transparent;
  width: 100%;
}

.datepicker .ui-datepicker-header .ui-datepicker-prev span,
.datepicker .ui-datepicker-header .ui-datepicker-next span{
  display: none;
}

.datepicker .ui-datepicker-header .ui-datepicker-prev:before{
  position: absolute;
  content: "\e905";
  font-family: 'icomoon';
  font-size: 1.25rem;
  left: 1.875rem;
  top: 1.9375rem;
  color: #fff;
  font-weight: 400;
}

.datepicker .ui-datepicker-header .ui-datepicker-next:before{
  position: absolute;
  content: "\e906";
  font-family: 'icomoon';
  font-size: 1.25rem;
  right: 1.875rem;
  top: 1.9375rem;
  color: #fff;
  font-weight: 400;
}

.datepicker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
  margin: 0rem;
  border: 0.0625rem solid #e5e5e5;
  border-bottom: none;
  border-top: none;
}

.datepicker .ui-datepicker-calendar thead {
  color: #fff;
  background: #111821;
}

.ui-datepicker td{
  border-right: 0.0625rem solid #e5e5e5;
  border-bottom: 0.0625rem solid #e5e5e5;
}

.datepicker .ui-datepicker-calendar a {
  color: #141417;
  text-decoration: none;
  display: block;
  width: 5.3125rem;
  height: 5.3125rem;
  line-height: 5.3125rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0rem;
  text-align: center;
}

.datepicker .ui-datepicker-calendar .ui-state-highlight {
  background: #f3f3f4;
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  margin: 0 auto;
  border: none !important;
}

.appointment-section .calander-inner {
  overflow-x: auto;
  position: relative;
  width: 100%;
}

.appointment-section .calander-inner .datepicker {
  min-width: 38.125rem;
  width: 100%;
}

.appointment-section .form-inner h3{
  display: block;
  font-size: 1.875rem;
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
}

.appointment-section .form-inner .form-group{
  position: relative;
  margin-bottom: 1.25rem;
  padding: 0rem 0.625rem;
}

.appointment-section .form-inner .form-group:last-child{
  margin-bottom: 0rem;
}

.appointment-section .form-inner form{
  margin: 0rem 0.3125rem;
}

.appointment-section .form-inner .form-group input[type='text'],
.appointment-section .form-inner .form-group input[type='email'],
.appointment-section .form-inner .form-group textarea,
.appointment-section .form-inner .form-group .nice-select{
  position: relative;
  display: block;
  width: 100%;
  height: 3.125rem;
  border: 0.0625rem solid #e5e5e5;
  border-radius: 1.875rem;
  padding: 0.625rem 1.875rem;
  font-size: 1rem;
  color: #6e6e6e;
}

.appointment-section .form-inner .form-group input:focus,
.appointment-section .form-inner .form-group textarea:focus{

}

.appointment-section .form-inner .form-group textarea{
  height: 12.5rem;
  resize: none;
}

.appointment-section .form-inner .form-group .nice-select{
  padding: 0rem 1.875rem;
  line-height: 3.125rem;
}

.appointment-section .form-inner .form-group .nice-select:after{
  border-bottom: 0.125rem solid #89898b;
  border-right: 0.125rem solid #89898b;
  width: 0.4375rem;
  height: 0.4375rem;
  right: 2.25rem;
}

.appointment-section .form-inner .form-group .icon{
  position: absolute;
  top: 0.8125rem;
  right: 2.5rem;
  z-index: 1;
  font-size: 1.125rem;
  color: #919193;
}

.appointment-section .form-inner .check-box label{
  color: #6e6e6e;
}

.appointment-section .form-inner{
  margin-top: -0.5rem;
}

.error-section{
  padding: 7.5rem 0rem 7.5rem 0rem;
}

.error-section h1{
  position: relative;
  display: block;
  font-size: 9.375rem;
  line-height: 9.375rem;
  font-weight: 700;
  margin-bottom: 1.3125rem;
}


.error-section h2{
  position: relative;
  display: block;
  font-size: 3.75rem;
  line-height: 3.75rem;
  font-weight: 600;
  margin-bottom: 1.3125rem;
}

.error-section p{
  margin-bottom: 2.125rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.error-section .theme-btn{
  padding: 1.0625rem 2.0625rem;
}

.error-section .theme-btn i{
  position: relative;
  top: 0.125rem;
  margin-right: 0.5rem;
}



/*** 

====================================================================
                        Blog-Page
====================================================================

***/

.blog-grid{
  padding: 7.5rem 0rem;
}

.blog-grid .news-block-one .inner-box{
  margin-bottom: 4.375rem;
}

.blog-grid .news-block-one .inner-box .lower-content{
  margin-right: 1.875rem;
}

.sidebar-page-container{
  padding: 7.5rem 0rem;
}

.sidebar-page-container .news-block-one .inner-box .lower-content h3{
  font-size: 1.875rem;
  line-height: 2.5rem;
}

.sidebar-page-container .news-block-one .inner-box{
  margin-bottom: 4.375rem;
}

.sidebar-page-container .news-block-one .inner-box .lower-content{
  margin-left: 3.125rem;
  margin-right: 3.125rem;
}

.blog-sidebar .widget-title{
  position: relative;
  display: block;
  margin-bottom: 1.5rem;
}

.blog-sidebar .widget-title h3{
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.blog-sidebar .search-widget .form-group{
  position: relative;
  margin-bottom: 0rem;
}

.blog-sidebar .search-widget .form-group input[type='search']{
  position: relative;
  display: block;
  width: 100%;
  height: 3.75rem;
  background: #f2f4f5;
  border-radius: 1.875rem;
  border: 0.0625rem solid #f2f4f5;
  padding: 0.625rem 1.875rem 0.625rem 3rem;
  font-size: 1rem;
  color: #808080;
  transition: all 500ms ease;
}

.blog-sidebar .search-widget .form-group button{
  position: absolute;
  left: 1.25rem;
  top: 1.125rem;
  font-size: 1.25rem;
  color: #808080;
  cursor: pointer;
  background: transparent;
  transition: all 500ms ease;
}

.blog-sidebar .search-widget .form-group input:focus + button,
.blog-sidebar .search-widget .form-group button:hover{

}

.blog-sidebar .search-widget .form-group input:focus{

}

.blog-sidebar .search-widget{
  margin-bottom: 4rem;
}

.blog-sidebar .category-list li{
  position: relative;
  display: block;
  margin-bottom: 0.625rem;
}

.blog-sidebar .category-list li:last-child{
  margin-bottom: 0rem;
}

.blog-sidebar .category-list li a{
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #141417;
  font-family: 'Rubik', sans-serif;
}

.blog-sidebar .category-list li a:hover{
  padding-left: 2.9375rem;
}

.blog-sidebar .category-list li a:before{
  position: absolute;
  content: '';
  width: 1.875rem;
  height: 0.125rem;
  left: 0rem;
  top: 0.6875rem;
  opacity: 0;
  transition: all 500ms ease;
}

.blog-sidebar .category-list li a:hover:before,
.blog-sidebar .category-list li a.current:before{
  opacity: 1;
}

.blog-sidebar .category-widget{
  margin-bottom: 3.4375rem;
}

.blog-sidebar .category-widget .widget-title{
  margin-bottom: 1.0625rem;
}

.blog-sidebar .post-widget .post{
  position: relative;
  display: block;
  padding: 0rem 0rem 1.25rem 6.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #e5e5e5;
  min-height: 6.4375rem;
}

.blog-sidebar .post-widget .post:last-child{
  border-bottom: none;
  margin-bottom: 0rem;
}

.blog-sidebar .post-widget .post .post-thumb{
  position: absolute;
  left: 0rem;
  top: 0.125rem;
  width: 5rem;
  height: 5rem;
  border-radius: 0.625rem;
}

.blog-sidebar .post-widget .post .post-thumb img{
  width: 100%;
  border-radius: 0.625rem;
  transition: all 500ms ease;
}

.blog-sidebar .post-widget .post:hover .post-thumb img{
  opacity: 0.2;
}

.blog-sidebar .post-widget .post h4{
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.375rem;
}

.blog-sidebar .post-widget .post h4 a{
  display: inline-block;
  color: #141417;
}

.blog-sidebar .post-widget .post h4 a:hover{

}

.blog-sidebar .post-widget .post .post-date{
  position: relative;
  display: block;
  font-size: 1rem;
  color: #6e6e6e;
}

.blog-sidebar .post-widget .post .post-date i{
  position: relative;
  margin-right: 0.375rem;
  font-size: 1.125rem;
  top: 0.125rem;
}

.blog-sidebar .post-widget .widget-title{
  margin-bottom: 1.3125rem;
}

.blog-sidebar .post-widget{
  margin-bottom: 2.8125rem;
}

.blog-sidebar .archives-widget .archives-list li{
  position: relative;
  display: block;
  margin-bottom: 0.8125rem;
}

.blog-sidebar .archives-widget .archives-list li:last-child{
  margin-bottom: 0rem;
}

.blog-sidebar .archives-widget .archives-list li a{
  position: relative;
  display: inline-block;
  font-size: 1rem;
  color: #141417;
}

.blog-sidebar .archives-widget .archives-list li a:hover{

}

.blog-sidebar .archives-widget{
  margin-bottom: 3.4375rem;
}

.blog-sidebar .tags-widget .tags-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

.blog-sidebar .tags-widget .tags-list li a{
  position: relative;
  display: inline-block;
  font-size: 0.9375rem;
  color: #141417;
  background: #f2f4f5;
  border-radius: 1.875rem;
  padding: 0.1875rem 1.5rem;
}

.blog-sidebar .tags-widget .tags-list li a:hover{
  color: #fff;
}

.blog-details-content .news-block-one .inner-box .image-box img{
  opacity: 1 !important;
  transform: scale(1) !important;
}

.blog-details-content .news-block-one .inner-box .image-box:before{
  display: none;
}

.blog-details-content .news-block-one .inner-box .lower-content{
  margin: 0rem;
}

.blog-details-content .news-block-one .inner-box .lower-content .inner{
  margin-top: 0rem;
  box-shadow: none;
  border-radius: 0rem;
  padding: 1.875rem 0rem 0rem 0rem;
}

.blog-details-content .news-block-one .inner-box .list-style-one li{
  float: left;
  width: 50%;
}

.blog-details-content .news-block-one .inner-box .lower-content p{
  margin-bottom: 1.625rem;
}

.blog-details-content .news-block-one .inner-box .list-style-one{
  padding-top: 0.6875rem;
}

.blog-details-content .content-one .text h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 1.0625rem;
}

.blog-details-content .content-one .text p{
  line-height: 1.625rem;
  margin-bottom: 1.625rem;
}

.blog-details-content .content-one .text p:last-child{
  margin-bottom: 0rem;
}

.blog-details-content .content-one .image-box{
  position: relative;
  display: block;
  border-radius: 1.25rem;
}

.blog-details-content .content-one .image-box img{
  width: 100%;
  border-radius: 1.25rem;
}

.sidebar-page-container .blog-details-content .news-block-one .inner-box{
  margin-bottom: 3.125rem;
}

.blog-details-content .content-one{
  margin-bottom: 4.375rem;
}

.blog-details-content blockquote{
  position: relative;
  display: block;
  background: #f2f4f5;
  padding: 2.1875rem 2.5rem 1.8125rem 2.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
  margin-bottom: 4.0625rem;
}

.blog-details-content blockquote .icon-box{
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.5rem;
  color: #7adad4;
}

.blog-details-content blockquote p{
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #141417;
  margin-bottom: 0.5rem;
}

.blog-details-content blockquote h5{
  position: relative;
  display: block;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
}

.blog-details-content blockquote .shape{
  position: absolute;
  right: 7.8125rem;
  bottom: 0rem;
  width: 20rem;
  height: 4.625rem;
  background-repeat: no-repeat;
}

.blog-details-content .content-two h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.blog-details-content .content-two p{
  line-height: 1.625rem;
  margin-bottom: 0rem;
}

.blog-details-content .content-two{
  margin-bottom: 3.875rem;
}

.blog-details-content .post-tags .tags-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 0.625rem;
}

.blog-details-content .post-tags .tags-list li:last-child{
  margin: 0rem !important;
}

.blog-details-content .post-tags .tags-list li h5{
  font-size: 1.125rem;
  line-height: 2.125rem;
  font-weight: 500;
  margin-right: 0.625rem;
}

.blog-details-content .post-tags .tags-list li a{
  position: relative;
  display: inline-block;
  font-size: 0.9375rem;
  color: #141417;
  background: #f2f4f5;
  border-radius: 1.875rem;
  padding: 0.1875rem 1.5rem;
}

.blog-details-content .post-tags .tags-list li a:hover{
  color: #fff;
}

.blog-details-content .post-tags{
  margin-bottom: 4.375rem;
}

.blog-details-content .author-box{
  position: relative;
  display: block;
  background: #f2f4f5;
  border-radius: 1.25rem;
  padding: 2.75rem 2.5rem 2.6875rem 10.625rem;
  margin-bottom: 4rem;
}

.blog-details-content .author-box .author-thumb{
  position: absolute;
  left: 2.5rem;
  top: 2.5rem;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
}

.blog-details-content .author-box .author-thumb img{
  width: 100%;
  border-radius: 50%;
}

.blog-details-content .author-box h3{
  display: block;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 500;
  margin-bottom: 0.6875rem;
}

.blog-details-content .author-box p{
  line-height: 1.625rem;
}

.blog-details-content .comments-form-area h3{
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 2.125rem;
}

.blog-details-content .comments-form-area .form-group{
  position: relative;
  margin-bottom: 1.875rem;
}

.blog-details-content .comments-form-area .form-group:last-child{
  margin-bottom: 0rem;
}

.blog-details-content .comments-form-area .form-group input[type='text'],
.blog-details-content .comments-form-area .form-group input[type='email'],
.blog-details-content .comments-form-area .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 3.125rem;
  border: 0.0625rem solid #e5e5e5;
  border-radius: 1.875rem;
  padding: 0.625rem 1.875rem;
  font-size: 1rem;
  color: #6e6e6e;
}

.blog-details-content .comments-form-area .form-group textarea{
  height: 9.375rem;
  resize: none;
}

.blog-details-content .comments-form-area .form-group input:focus,
.blog-details-content .comments-form-area .form-group textarea:focus{

}

.blog-details-content .comments-form-area .form-group .check-box label{
  font-size: 1rem;
  color: #6e6e6e;
}


/*** 

====================================================================
                        Contact-Page
====================================================================

***/


.contact-info-section{
  position: relative;
  padding: 10.625rem 0rem 6.875rem 0rem;
}

.contact-info-section .single-item{
  position: relative;
  display: block;
  background: -webkit-linear-gradient(-75deg, #fcebe1, #dbf5f3 100%);
  padding: 0rem 1.875rem 3rem 1.875rem;
  border-radius: 1.25rem;
  transition: all 500ms ease;
}

.contact-info-section .single-item:hover{
  transform: translateY(-0.625rem);
}

.contact-info-section .single-item .icon-box{
  position: relative;
  display: inline-block;
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  text-align: center;
  font-size: 3.125rem;
  background: #fff;
  border-radius: 1.875rem;
  box-shadow: 0rem 0rem 1.875rem 0rem rgba(0, 0, 0, 0.07);
  margin-bottom: 1.5rem;
  margin-top: -3.125rem;
}

.contact-info-section .single-item h3 {
  display: block;
  font-size: 1.1875rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin: 1rem;
}

.contact-info-section .single-item p{
  line-height: 1.625rem;
}

.contact-info-section .single-item p a{
  display: inline-block;
  color: #6e6e6e;
}

.contact-info-section .single-item p a:hover{

}


/** contact-style-two **/

.contact-style-two{
  padding-bottom: 7.5rem;
}

.contact-style-two h2{
  position: relative;
  display: block;
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-weight: 600;
  margin-bottom: 2.5625rem;
  text-align: center;
}

.contact-style-two .form-inner .form-group{
  position: relative;
  margin-bottom: 1.875rem;
}

.contact-style-two .form-inner .form-group input[type='text'],
.contact-style-two .form-inner .form-group input[type='email'],
.contact-style-two .form-inner .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 3.125rem;
  border: 0.0625rem solid #e5e5e5;
  border-radius: 1.875rem;
  padding: 0.625rem 1.875rem;
  font-size: 1rem;
  color: #6e6e6e;
}

.contact-style-two .form-inner .form-group textarea{
  height: 9.375rem;
  resize: none;
  border-radius: 0.9375rem;
}

.contact-style-two .form-inner .form-group input:focus,
.contact-style-two .form-inner .form-group textarea:focus{

}

.contact-style-two .pattern-layer .pattern-1{
  position: absolute;
  left: 0rem;
  bottom: 3.4375rem;
  width: 31.25rem;
  height: 37.8125rem;
  background-repeat: no-repeat;
}

.contact-style-two .pattern-layer .pattern-2{
  position: absolute;
  right: 0rem;
  bottom: 3.4375rem;
  width: 31.3125rem;
  height: 37.8125rem;
  background-repeat: no-repeat;
}

.pat_170{
  padding-top: 10.625rem;
}

.owl-carousel.overflow_visible .owl-stage-outer{
  overflow: visible;
}

.owl-carousel.overflow_visible .owl-stage-outer .owl-item{
  opacity: 0;
}

.owl-carousel.overflow_visible .owl-stage-outer .owl-item.active{
  opacity: 1;
}



/* Start Our Css */
.handle-preloader {
  background: #eff6f7;
}


@keyframes moveBike {
  0% {
    transform: translateX(-18.75rem);
  }

  100% {
    transform: translateX(100%); 
  }
}
.moving-bike {
  animation: moveBike .5s linear;
  transform: translateX(100%);
}


.letters-loading {
  font-size: 1.2rem!important;
}


.handle-preloader .animation-preloader .txt-loading .letters-loading {
  font-weight: 400;
  letter-spacing: 0.6875rem;
  display: inline-block;
  position: relative;
  font-size: 2.6875rem ;
  line-height: 4.375rem;
  text-transform: uppercase;
  color: #4f67d2!important;
  text-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5); 
}

.main-menu .navigation > li {
  margin: 0rem 0.5rem;
}

.header-top {
  position: relative;
  width: 100%;
  background: #eff6f7;
  padding: 0.75rem 0rem;
}


.header-top .info li a {
  display: inline-block;
  color: #585858;
  font-weight: 600;
}


span.focuswork {
  color: #4f67d2;
  font-weight: 600;
}


.header-top .social-links li a {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}


.header-top .social-links li {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 0.4375rem;
}


.header-top .social-links li a::after {
  content: "";
  position: absolute!important;
  display: inline-block!important;
  top: -0.25rem;
  left: -0.25rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotateBorder 4s linear infinite;
  position: relative;
}

@keyframes rotateBorder {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.header-top .social-links li a {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #4f67d2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  color: #fff!important;
}


.flw {
  color: #585858!important;
}

@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0); 
  }
  50% {
    transform: translateY(-0.3125rem);
  }
}

.locationup-down {
  animation: moveUpDown 2s ease-in-out infinite;
}


@keyframes vibrate {
  0%, 100% {
    transform: translateX(0); 
  }
  25%, 75% {
    transform: translateX(-0.3125rem);
  }
  50% {
    transform: translateX(0.3125rem);
  }
}


.theme-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #fff !important;
  text-align: center;
  padding: 0.625rem 2.5625rem;
  text-transform: capitalize;
  border-radius: 1.875rem;
  z-index: 1;
  transition: all 500ms ease;
}


.header-top .info li a {
  font-size: .85rem;
}


.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.875rem;
  padding: 2.1875rem 0rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  opacity: 1;
  color: #585858;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.navigation  li a i {
  margin-right: .3rem;
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  font-size: 0.89375rem;
  line-height: 1.875rem;
  padding: 2.1875rem 0rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  opacity: 1;
  color: #585858;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}


.search-box-outer i {
  font-size: 1rem;
}


.theme-btn.btn-one {
  background: #4f67d2!important;
}

.vibrat {
  margin-right: .5rem!important;
}


.banner-carousel .content-box h2 {
 font-size: 2rem!important;
}

.percentage {
  display: block;
}


.content-box h2 {
  line-height: 3rem!important;
  text-transform: capitalize;
}


.percentage {
  font-size: 3rem;
  color: #4f67d2!important;
}

.content-box h3 {
  font-size: 1rem!important;
}

.banner-carousel .content-box h3 {
  color: #585858!important;
}

.percentage {
  margin-bottom: 0rem!important;
}


.banner-carousel .content-box {
 padding-left: 4rem!important;
}

.banner-carousel .content-box h3 {
  color: #585858!important;
}

.percentage {
  font-size: 4rem;
  color: #4f67d2!important;
  margin-bottom: 1rem!important;
}


.banner-carousel .image-box .shape .shape-2 {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 28.625rem;
  height: 25rem;
  border-radius: 50% 50% 0rem 0rem;
}


.banner-section {
  height: 40.625rem!important;
}

.p_relative {
  position: relative;

}


.tuberele {
  transform: translateX(-2.5rem);
}

.banner-section {
  height: 31.25rem!important;
}

.team-block-three .inner-box .lower-content {
  position: relative;
  padding: 1rem;
}

.footer-top .top-inner .footer-logo .logo {
  position: relative;
  display: inline-block;
  background: rgba(255, 255, 255, 0.07);
  padding: 2rem 3.5625rem 2rem 3.75rem;
  border-bottom-left-radius: 4.375rem;
  border-bottom-right-radius: 4.375rem;
  background: #fff;
}

.fixed-header .sticky-header {
  display: none;
}


.feature-block-two .inner-box h3 a {
  text-decoration: none!important;
}

.feature-block-two .inner-box h3 {
  display: block;
  font-size: 1.1875rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 1.0625rem;
}

.keyfeaturecomponent {
  background: #eff6f7!important;
}

.header-top .info li a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}

.header-top {
  position: relative;
  width: 100%;
  background: #4f67d2;
  padding: 0.75rem 0rem;
}

.feature-block-two .inner-box .icon-box {
  position: relative;
  display: inline-block;
  width: 5.625rem;
  height: 5.625rem;
  line-height: 5.625rem;
  text-align: center;
  font-size: 3.125rem;
  background: #eff6f7;
  border-radius: 50%;
  margin-bottom: 1rem;
}

.skills-section {
  padding: 4rem 0;
}

.sec-title-two h5 {
  margin-bottom: 2rem!important;
  font-size: 1rem!important;
  font-weight: 600;
}

.content-box  p {
  text-align: justify;
}

.content_block_seven .content-box .sec-title p {
  font-size: 0.9375rem;
  line-height: 1.625rem;
}

.team-style-three {
  padding: 4rem 0;
  background: -webkit-linear-gradient(-90deg, #fdebe0, #d9f6f4 100%);
}

.skills-section {
  padding: 4rem 0;
  background: #eff6f7!important;
}

.progress-box h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5625rem;
}

.team-style-three {
  padding: 4rem 0;
  background: -webkit-linear-gradient(-90deg, #fdebe0, #d9f6f4 100%);
  background: #fff;
}

.team-block-three .inner-box .lower-content {
  position: relative;
  padding: 3.4375rem 1.875rem 1.8125rem 1.875rem;
  background: #4f67d2;
  color: #fff!important;
}

.team-block-three .inner-box .lower-content {
  position: relative;
  padding: 1rem!important;
  background: #4f67d2;
  color: #fff!important;
}
.team-block-three .inner-box .lower-content h3 a{
  color: #fff!important;
  font-size: 1.2rem;
}

.team-block-three .inner-box {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}


.team-block {
  margin-bottom: 2rem;
}

.sec-title-two h5 {
  margin-bottom: .8rem!important;
  font-size: 1rem!important;
  font-weight: 600;
}

.news-section {
  padding: 4rem 0;
}

.news-block-one .inner-box .lower-content .post-info {
  margin-bottom: 0.375rem;
}

.post-info  p {
  text-align: justify;
}

.testimonial-style-three {
  padding: 7.5rem 0rem 6.875rem 0rem;
  /* background: -webkit-linear-gradient(-90deg, #fdebe0, #d9f6f4 100%); */
  background: #eff6f7!important;
}

.sec-title-two h2{
  font-size: 2rem!important;
}

.testimonial-style-three {
  padding: 4rem 0;
  /* background: -webkit-linear-gradient(-90deg, #fdebe0, #d9f6f4 100%); */
  background: #eff6f7!important;
}

.dots-style-one .owl-dots .owl-dot span {
  position: relative;
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  background: #d6d6d7;
  border-radius: 50%;
  margin: 0rem 0.375rem;
  cursor: pointer;
  transition: all 500ms ease;
}

.dots-style-one .owl-dots .owl-dot span {
  position: relative;
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  background: #d6d6d7;
  border-radius: 50%;
  margin: 0rem 0.375rem;
  cursor: pointer;
  transition: all 500ms ease;
}


.user-icon-container {
  width: 8.125rem;
  height: 8.125rem;
  background-color: #eff6f7;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:  auto;
  margin-bottom: 1rem;
}

.designation {
  text-transform: capitalize;
}

.testimonial-content p {
  text-align: justify;
  font-size: .9rem;
}

.dots-style-one .owl-dots .owl-dot span {
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #d6d6d7;
  border-radius: 50%;
  margin: 0rem 0.375rem;
  cursor: pointer;
  transition: all 500ms ease;
}


.news-block-one .inner-box .lower-content h3 {
  display: block;
  font-size: 1.1875rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.5625rem;
}

.footer-bottom {
  padding: 1.875rem 0rem;
  border-top: 0.0625rem solid #fff;
}


.mapContainer {
  border: 0.625rem solid;
}

.contact-style-two {
  position: relative;
}

.move-content {
  position: absolute;
  top: 0;
  left: 0;
}


.contact-style-two .form-inner .form-group input[type='text'], .contact-style-two .form-inner .form-group input[type='email'], .contact-style-two .form-inner .form-group textarea {
  border: 0.0625rem dashed #e5e5e5;
  color: #fff;
  padding: 0.625rem 1.125rem;
  font-size: 0.875rem;
}


.standars-component {
  /* margin-top: 6.25rem!important; */
}

.widget-content p {
  font-size: .9rem;
  text-align: justify;
}


*------------*/
.form-area {
    background-color: #fff;
    box-shadow: 0rem 0.3125rem 0.625rem rgba(90, 116, 148, 0.3);
    padding: 2.5rem;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-area .form-inner {
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.9375rem 1.1875rem;
    font-size: 1rem;
    line-height: 1.4;
    background-color: transparent!important;
    border: 0.0625rem solid #DFE3E7;
    border-radius: .267rem;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
   
    background-color: #FFF;
    border-color: #5A8DEE;
    outline: 0;
    box-shadow: 0 0.1875rem 0.5rem 0 rgb(0 0 0 / 10%);
}
.intl-tel-input,
.iti{
  width: 100%;
}

#mobile_code::placeholder {
  color: #fff!important;
}

.iti__selected-dial-code {
  color: #fff;
}

.iti__arrow {
  margin-left: 0.375rem;
  width: 0;
  height: 0;
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-top: 0.25rem solid #fff;
}

.service-section .tab-btns li {
  position: relative;
  display: inline-block;
  width: 11.25rem;
  background: #ebeced;
  border-radius: 1.875rem;
  padding: 1rem;
  cursor: pointer;
  margin: 0rem 0.21875rem;
  z-index: 1;
  transition: all 500ms ease;
  font-size: .9rem!important;
  padding: 0;
}

.service-section .tab-btns li h4 {
  position: relative;
  display: block;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  font-weight: 600;
  transition: all 500ms ease;
}

.service-section {
  padding-top: 4rem;
}

.main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a {
    color: #4f67d2;
}


.header-top .info li a:hover {
    color: #4f67d2;
}

   

.owl-dots-none .owl-dots, .owl-nav-none .owl-nav {
  display: block !important;
}

.banner-section {
  position: relative;
}
.banner-section .owl-dots{
  position: absolute;
}


.banner-section .owl-dots {
  position: absolute;
  bottom: 2rem;
  left: 8%;
}


.owl-theme .owl-dots .owl-dot span {
  background: #222;
  display: block;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  transition: opacity 200ms ease 0s;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: .1rem;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: none repeat scroll 0 0 #4f67d2;
}

.owl-theme .owl-dots .owl-dot span {
  background: #585858;
  display: block;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  transition: opacity 200ms ease 0s;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: .1rem;
}

.feature-style-two  .owl-nav {
  display: none!important;
  margin-top: 1rem;
}

#category .owl-dots {
  margin-top: 1rem;
}

.feature-style-two {
  /* background: -webkit-linear-gradient(75deg, #d9f6f4, #fdebe0 100%); */
  background: #eff6f7!important;
}

#category .owl-dots {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.sec-title-two h2 {
  font-size: 2rem!important;
  color: #4f67d2;
  text-transform: capitalize;
}


.sec-title-two h5 {
  margin-bottom: .8rem!important;
  font-size: .9rem!important;
  font-weight: 600;
  color: #585858;
}
.feature-block-two .inner-box h3 {
  display: block;
  font-size: 1.1875rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.1875rem;
}

.feature-block-two .inner-box {
  position: relative;
  display: block;
  padding: 2.5rem 1.875rem 3.0625rem 1.875rem;
  background: #fff;
  overflow: hidden;
  border-radius: 1.25rem;
  z-index: 1;
  border: 0.125rem dashed #ddd;
} 

.service-block-one .inner-box .lower-content .icon-box {
  position: absolute;
  bottom: 0;
  right: 1.875rem;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  /* box-shadow: 0rem 0.625rem 1.875rem 0rem rgba(0, 0, 0, 0.1); */
  z-index: 1;
}

.service-block-one .inner-box .lower-content .icon-box {
  background: #eff6f7;
  box-shadow: none!important;
}


#serviceblock .service-block {
  margin-bottom: 2rem;
}

.service-style-two {
  padding: 4rem 0;
  background: -webkit-linear-gradient(100deg, #d9f6f4, #fdebe0 100%);
}

.service-style-two {
  padding: 4rem 0;
  /* background: -webkit-linear-gradient(100deg, #d9f6f4, #fdebe0 100%); */
  background: #eff6f7!important;
}

.main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu {
  border-top: 0.1875rem solid #4f67d2;
}

.main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu {
  position: absolute;
  left: inherit;
  top: 100%;
  width: 15.625rem;
  margin-top: 0.9375rem;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  padding: 0.625rem 0rem;
  border-radius: 0rem;
  background-color: #eff6f7;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}


.main-menu .navigation > li > ul > li > a {
  color: #000!important;
  font-size: .9rem;
}
.main-menu .navigation > li > ul > li > a:hover {
 padding-left: 2.5rem;
}



.dots-style-one .owl-dots .owl-dot.active span, .dots-style-one .owl-dots .owl-dot span:hover {
  background: #4f67d2;
}


#category .inner-box img {
  height: 12.5rem!important;
  object-fit: cover!important;
} 


#category .inner-box h3 a {
  display: inline-block;
  color: #141417!important;
}


#category  .feature-block-two .inner-box p {
  color: #141417!important;
}

.feature-block-two .inner-box {
  position: relative;
  display: block;
  padding: 1.5rem;
  background: #fff;
  overflow: hidden;
  border-radius: 1.25rem;
  z-index: 1;
  border: 0.125rem dashed #ddd;
}



.fiterimg {
  height: 27.5rem;
  width: 27.5rem!important;
  object-fit: cover;
  border: 0.625rem solid #eff6f7;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}

.about-section {
  padding: 4rem 0;
}


#aboutcomponent .content-box  p {
  text-align: justify;
  background: #eff6f7;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 0.3125rem solid #4f67d2;
}

.image_block_one .image-box .text h2 {
  font-size: 2.5625rem;
}


.image_block_one .image-box .text {
  width: 15.625rem;
  padding: 2rem;
  text-align: center;
  border-radius: 4.375rem;
  box-shadow: 0rem 1.25rem 2.5rem 0rem rgba(0, 0, 0, 0.20);
}


.sec-title-two  {
  margin-bottom: 2rem;
}


#aboutcomponent .image_block_one .image-box {
  position: relative;
  display: block;
  padding: 0;
}

.image_block_one .image-box .text {
  width: 15.625rem;
  padding: 1rem;
  text-align: center;
  border-radius: 4.375rem;
  box-shadow: 0rem 1.25rem 2.5rem 0rem rgba(0, 0, 0, 0.20);
}

.image_block_one .image-box .text h4 {
  display: block;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #0000008c;
}

.image_block_one .image-box .text h2 {
  font-size: 2.375rem;
  color: #4f67d2;
}

.service-block-one .inner-box .lower-content h3 {
  position: relative;
  display: block;
  font-size: 1.3125rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}

.mainfocustext {
  font-size: 2rem;
  color: #4f67d2;
}


.lightfocustext {
  color: #0000006b;
  text-decoration: line-through;
}

.droptester {
  background-color: #eff6f7;
  padding: .5rem;
  width: fit-content;
  border-radius: .5rem;
}


.droptester {
  background-color: #eff6f7;
  padding: .5rem 1rem;
  width: fit-content;
  border-radius: .5rem;
}
.droptester > span {
  background-color: #fff;

}

.droptester > span {
  background-color: #fff;
  padding: .5rem;
  margin: 1rem;
}

.droptester {
  margin-top: 1rem;
}

.droptester > span {
  background-color: #fff;
  padding: .3rem 1rem;
  margin: 1rem;
  font-size: .9rem;
  text-transform: capitalize;
  border-radius: 1rem;
  color: #4f67d2!important;
}

.droptester {
  background-color: #eff6f7;
  padding: .5rem 1rem;
  width: fit-content;
  border-radius: .5rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  display: flex;
  align-items: center;
  height: 2.5rem;
  justify-content: space-between;
}

.droptester > span {
  background-color: #fff;
  padding: .3rem 1rem;
  margin: 1rem;
  font-size: .9rem;
  text-transform: capitalize;
  border-radius: 1rem;
  color: #4f67d2!important;
  border: 0.0625rem dashed #0000004f;
}

.droptester > span {
  background-color: #fff;
  padding: .3rem 1rem;
  margin: 0 0 0 3rem;
  font-size: .9rem;
  text-transform: capitalize;
  border-radius: 1rem;
  color: #4f67d2!important;
  border: 0.0625rem dashed #0000004f;
  cursor: pointer;
}

.mainfocustext {
  font-size: 1.9rem;
  color: #4f67d2;
}

.service-block  .image-box img {
  height: 14.375rem;
  object-fit: cover;
}

.service-block-one .inner-box .lower-content {
  position: relative;
  padding: 1.5rem 0;
}

.service-block-one .inner-box {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  padding: 1.5625rem;
  border-radius: 1.25rem;
  border: 0.125rem dashed #0000004d;
}

.service-block-one .inner-box .lower-content {
  position: relative;
  padding: 1.5rem 0;
  padding-bottom: .5rem;
}
.bookernow > a{
  border: 0.0625rem dashed #fff;
}

.tolder {
  color: #f0fefd!important;
  display: inline-block!important;
}
.owl-theme .owl-dots .owl-dot span {
  background: #d9eff2;
  display: block;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  transition: opacity 200ms ease 0s;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: .1rem;
}

#clientreview .owl-nav {
  display: none!important;
}

#clientreview {
  background-color: #fff!important;
}

.testimonial-style-three .testimonial-content .inner-box {
  position: relative;
  display: block;
  background: #fff;
  padding: 3rem 3.125rem 2.625rem 3.125rem;
  border-radius: 1.875rem 0rem 1.875rem 0rem;
  background: #eff6f7;
}

.user-icon-container {
  width: 8.125rem;
  height: 8.125rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-bottom: 1rem;
}


.news-block-one .inner-box .lower-content h3 a {
  color: #4f67d2!important;
}

.lower-content p {
  text-align: justify;
}

 
.widget-content .links-list i{
  margin-right: .5rem;
}

.mapContainer {
  border: 0.3125rem solid #df7436;
  height: 13.75rem;
  border-radius: 1rem;
}

.main-footer .widget-section .links-widget .links-list li a {
  display: inline-block;
  color: #fff;
  font-size: .9rem!important;
}

.mapContainer {
  border: 0.3125rem solid #df7436;
  height: 14.9375rem;
  border-radius: 1rem;
}

.mapContainer {
  border: 0.3125rem solid #fff;
  height: 15.3125rem;
  border-radius: 1rem;
  padding: .5rem;
}


.main-footer .widget-section .about-widget .social-links li a {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.8125rem;
  color: #fff;
  /* border: 0.0625rem dashed #fff!important; */
  border-radius: 50%;
  text-align: center;
}


@keyframes rotateAnimation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.main-footer .widget-section .about-widget .social-links li a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.0625rem dashed #fff!important;
  border-radius: 50%;
  animation: rotateAnimation 4s linear infinite; 
}


.followeleme {
  font-size: 1.2rem!important;
}

.copyright a {
  font-weight: 600;
}




.whatsapp-chat a{
  color: #fff!important;

}

.whatsapp-chat a {
  color: #000!important;
  font-weight: 500;
 
}

.whatsapp-chat {
  color: #000!important;
  background: #fff;
  width: fit-content!important;
  padding: .2rem 2rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  box-shadow: rgba(9, 30, 66, 0.25) 0rem 0.0625rem 0.0625rem, rgba(9, 30, 66, 0.13) 0rem 0rem 0.0625rem 0.0625rem;
  position: fixed;
  z-index: 800;
  bottom: 0;
  right: 0;
  font-size: .9rem;
}


a.theme-btn.btn-one.addall {
  /* background-color: #4f67d2!important; */
  background-image: linear-gradient(58deg, #ecfaf9 0%, #f1fffe  100%)!important;
  color: #4f67d2!important;
  /* box-shadow: rgba(0, 0, 0, 0.24) 0rem 0.1875rem 0.5rem; */
  box-shadow: rgba(99, 99, 99, 0.2) 0rem 0.125rem 0.125rem 0rem;
}
.fixed-header .sticky-header {
    display: block!important;
}



.main-menu .navigation > li.dropdown > a:before {
  position: absolute;
  content: "\f107";
  font-family: 'Font Awesome 5 Pro';
  top: 2.25rem;
  right: 0rem;
  font-weight: 700;
  font-size: 1.1rem;
}

#category .inner-box img {
  height: 7.5rem!important;
  object-fit: cover!important;
}

.theme-btn:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background: #4f67d2;
  top: 0rem;
  left: 0rem;
  z-index: -1;
  transition: all 500ms ease;
}

.main-footer .widget-title h3 {
  font-size: 1.3125rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: 600;
}

.droptester {
  width: 97%;
}

.chooseus-style-two {
  padding: 7rem 0rem 10.5625rem 0rem;
  background: #4f67d2;
}

.process-section {
  padding: 4rem 0;
}

.process-block-one .inner-box h3 {
  position: relative;
  display: block;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}

.process-block-one .inner-box .image-box .image img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}

.process-block-one .inner-box .image-box {
  position: relative;
  display: inline-block;
  margin-bottom: 0.8125rem;
  width: 12rem;
  height: 12rem;
  background: #fff;
}

.process-block-one .inner-box .image-box {
  position: relative;
  display: inline-block;
  margin-bottom: 0.8125rem;
  width: 12rem;
  height: 12rem;
  background: transparent;
}

.process-block-one .inner-box h3 {
  position: relative;
  display: block;
  font-size: 1.125rem;
  line-height: 1.875rem;
  font-weight: 600;
  margin-bottom: 0;
}

.header-top .info li:last-child {
  padding-right: 0rem;
  margin-right: 0rem;
  border: none;
  padding-left: 0!important;
}

.whatsapp-chat {
  color: #000!important;
  background: #fff;
  width: fit-content!important;
  padding: .2rem 2rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  box-shadow: rgba(9, 30, 66, 0.25) 0rem 0.0625rem 0.0625rem, rgba(9, 30, 66, 0.13) 0rem 0rem 0.0625rem 0.0625rem;
  position: fixed;
  z-index: 800;
  bottom: 1rem;
  right: 0;
  font-size: .9rem;
}

.main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover {
  color: #4f67d2!important;
  background: #fff!important;
}

#category .owl-dots {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
/* End Our Css */


.header-lower .theme-btn {
  padding: 0.625rem 1.25rem;
} 

/*@media (max-width: 62rem) {
  body {
    display: none;
  }
  html::before {
    content: 'Responsive Design Coming Soon!';
    display: block;
    font-size: 2rem;
    color: #000 !important;
    text-align: center;
    padding: 1.25rem;
  }
}
*/

/* Start Relevance */
.relevance-container h1 {
	font-weight: bold;
	margin: 0;
}

.relevance-container h2 {
	text-align: center;
}

.relevance-container p {
  font-size: 0.875rem;
  font-weight: 100;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  margin: 1.25rem 0 1.875rem;
  color: #000!important;
}

.relevance-container span {
	font-size: 0.75rem;
}

.relevance-container a {
	color: #333;
	font-size: 0.875rem;
	text-decoration: none;
  display: block;
  padding: 10px;
}



.relevance-container button {
  border-radius: 1.25rem;
  border: 0.0625rem solid #4f67d2;
  background-color: #4f67d2;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.4375rem 2.625rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
}

.relevance-container button:active {
	transform: scale(0.95);
}

.relevance-container button:focus {
	outline: none;
}

.relevance-container button.ghost {
	background-color: transparent;
	border-color: #FFFFFF;
}

 

.relevance-container input {
	background-color: #eee;
	border: none;
	padding: 0.75rem 0.9375rem;
	margin: 0.5rem 0;
	width: 100%;
}

.relevance-container .container {
  background-color: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 0.875rem 1.75rem rgba(0,0,0,0.25), 
    0 0.625rem 0.625rem rgba(0,0,0,0.22);
  position: relative;
  overflow: hidden;
  width: 48rem;
  max-width: 100%;
  min-height: 500px;
}

.relevance-container .form-container {
	position: absolute;
	top: 0;
	transition: all 0.6s ease-in-out;
}

.relevance-container .sign-in-container {
  left: 0;
  width: 50%;
  z-index: 2;
  top: 20%;
}

.relevance-container .container.right-panel-active .sign-in-container {
	transform: translateX(100%);
}

.relevance-container .sign-up-container {
	left: 0;
	width: 50%;
	opacity: 0;
	z-index: 1;
}

.relevance-container .container.right-panel-active .sign-up-container {
	transform: translateX(100%);
	opacity: 1;
	z-index: 5;
	animation: show 0.6s;
}

@keyframes show {
	0%, 49.99% {
		opacity: 0;
		z-index: 1;
	}
	
	50%, 100% {
		opacity: 1;
		z-index: 5;
	}
}

.relevance-container .overlay-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	transition: transform 0.6s ease-in-out;
	z-index: 100;
}

.relevance-container .container.right-panel-active .overlay-container{
	transform: translateX(-100%);
}

.relevance-container .overlay {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #FFFFFF;
	position: relative;
	left: -100%;
	height: 100%;
	width: 200%;
  	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

.relevance-container .container.right-panel-active .overlay {
  	transform: translateX(50%);
}

.relevance-container .overlay-panel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 2.5rem;
	text-align: center;
	top: 0;
	width: 50%;
	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
  background: #e8f0fe;
  height: 100%;
}

.relevance-container .overlay-left {
	transform: translateX(-20%);
}

.relevance-container .container.right-panel-active .overlay-left {
	transform: translateX(0);
}

.relevance-container .overlay-right {
	right: 0;
	transform: translateX(0);
}

.relevance-container .container.right-panel-active .overlay-right {
	transform: translateX(20%);
}

.relevance-container .social-container {
	margin: 1.25rem 0;
}

.relevance-container .social-container a {
	border: 0.0625rem solid #DDDDDD;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.3125rem;
	height: 2.5rem;
	width: 2.5rem;
}

.relevance-container footer {
    background-color: #222;
    color: #fff;
    font-size: 0.875rem;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
}

.relevance-container footer p {
    margin: 0.625rem 0;
}

.relevance-container footer i {
    color: red;
}

.relevance-container footer a {
    color: #3c97bf;
    text-decoration: none;
}


/* Start Search icon */
 

.searchBox:hover > .searchInput {
  width: 15rem;
  padding: 0 0.375rem;
}

.searchBox:hover > .searchButton {
background: white;
color : #2f3640;
}

.searchButton {
  color: white;
  float: right;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}
.searchInput {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: #0000008c;
  font-size: 0.875rem;
  transition: 0.4s;
  line-height: 2.5rem;
  width: 0rem;
  /* padding-left: 1rem; */
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}

.searchBox > .searchInput {
  width: 20.625rem!important;
  padding: 0 0.375rem;
  /* border: 0.0625rem solid #4f67d2; */
}
@media screen and (max-width: 38.75rem) {
.searchBox:hover > .searchInput {
  width: 6.25rem!important;
 
}
}


.searchBox .searchInput::placeholder{
  padding-left: .5rem!important;
  font-size: .9rem!important;
}

.carticon-container {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-list {
  font-weight: 600;
  position: absolute;
  top: 0;
}

.carticon-container {
  position: relative;
}

.item-list {
  font-weight: 600;
  position: absolute;
  top: -0.375rem;
  left: 1.8125rem;
  z-index: 1;
  right: 0;
  /* background-color: #4f67d2; */
  color: #4f67d2;
  font-size: .7rem;
  display: flex;
  width: 1.25rem!important;
  height: 1.25rem!important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-image: linear-gradient(58deg, #ecfaf9 0%, #f1fffe  100%)!important;
  box-shadow: rgba(0, 0, 0, 0.24) 0rem 0.1875rem 0.5rem;
}

.carticon-container {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  border: 0.125rem solid #4f67d2;
}

.searchBox .searchInput::placeholder{
  text-transform: capitalize;
}
 

.header-top .right-column {
  display: flex;
  align-items: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: end;
}

.reusabledownBt {
  margin-right: 1rem;
}
.reusabledownBt img{
  border-radius: .5rem!important;
  border: 0.0625rem solid #fff!important;
}
.carticon-container {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  border: 0.125rem solid #e6f4f3;
   
}

.right-column {
  position: relative;
}

.searchBox {

  transform: translate(-3%,0%);
  background: #fff;
  height: 2.5rem;
  border-radius: 2.5rem;
  /* padding: 0.625rem; */
  color: #000;
}

 
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  font-size: 0.83125rem;
  line-height: 1.875rem;
  padding: 2.1875rem 0rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  opacity: 1;
  color: #585858;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

a.theme-btn.btn-one.elelogin {
      background-image: linear-gradient(58deg, #ecfaf9 0%, #f1fffe  100%)!important;
      /* margin-right: 1rem; */
      color: #000!important;
      border: 0.125rem solid #fff;
      padding: .3rem 1rem;
      box-shadow: rgba(0, 0, 0, 0.24) 0rem 0.1875rem 0.5rem;
  }
    

.fa-sign-in-alt:before {
  content: "\f2f6";
  color: #4f67d2;
}
 

.main-menu .navigation > li > ul > li > a {
  color: #000!important;
  font-size: .8rem;
}

.app-imgcontainer {
  width: 100%;
  height: 25rem;
}

.downloadapp-component li a{
  border-radius: 1.25rem;
  /* border: 0.0625rem solid red; */
}

.downloadapp-component p {
  background-color: red;
  border-left: 0.625rem solid red;
}

.downloadapp-component p {
  background-color: #eff6f7;
  border-left: 0.25rem solid #4f67d2;
  padding: 1rem;
}

.downloadapp-component a img {
  border: 0.125rem solid #eff6f7!important;
  border-radius: 0.625rem!important;
  box-shadow: rgba(0, 0, 0, 0.24) 0rem 0.1875rem 0rem;
}


.tabs-content .service-block  .image-box img {
  height: 7.5rem;
  object-fit: cover;
}

.tabs-content .service-block-one .inner-box .lower-content h3 {
  position: relative;
  display: block;
  font-size: 1.0625rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}
.tabs-content .service-block-one .inner-box .lower-content h5 {
  font-size: 0.875rem;
}

.tabs-content .droptester {
 font-size: .9rem!important;
}

.tabs-content .droptester {
  font-size: .8rem!important;
} 


.tabs-content .service-block-one .inner-box {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  padding: 1.5625rem;
  border-radius: 1.25rem;
  border: 0.125rem dashed #0000004d;
  height: 21.4375rem;
}

.tabs-content  .service-style-two  {
  padding-bottom: 0!important;
}


.tabs-content .droptester {
  font-size: .8rem!important;
  padding: .5rem;
}

.booktestcomponent .searchBox {
  position: relative;
  top: -0.0625rem;
  left: 0;
  transform: translate(-0%,0%);
  background: #fff;
  height: 2.5rem;
  border-radius: 2.5rem;
  /* padding: 0.625rem; */
  color: #000;
  border: 0.125rem solid #4f67d2;
}

/* Start Sort Component container */
 
.select-menu .select-btn {
  display: flex;
  height: 3.4375rem;
  background: #fff;
  padding: 1.25rem;
  font-size: 1.125rem;
  font-weight: 400;
  border-radius: 0.5rem;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.1);
}
.select-menu .options {
  position: absolute;
  width: 20.625rem;
  overflow-y: auto;
  max-height: 18.4375rem;
  padding: 0.625rem;
  margin-top: 0.625rem;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.select-menu .options .option {
  display: flex;
  height: 3.4375rem;
  cursor: pointer;
  padding: 0 1rem;
  border-radius: 0.5rem;
  align-items: center;
  background: #fff;
}
.select-menu .options .option:hover {
  background: #f2f2f2;
}
.select-menu .options .option i {
  font-size: 1.5625rem;
  margin-right: 0.75rem;
}
.select-menu .options .option .option-text {
  font-size: 1.125rem;
  color: #333;
}

.select-btn i {
  font-size: 1.5625rem;
  transition: 0.3s;
}

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 1.875rem, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 1.25rem, 0);
    opacity: 0;
  }
}
 
.test-container {
  margin-bottom: 2rem;
}


/* end Sort Component containr */

.select-menu .select-btn {
  display: flex;
  height: 2.625rem;
  background: #fff;
  padding: 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.5rem;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.1);
  width: 16rem;
}

.select-menu .options .option {
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  padding: 0 1rem;
  border-radius: 0.5rem;
  align-items: center;
  background: #fff;
  font-size: .8rem!important;
}

.select-menu .options .option .option-text {
  font-size: 0.8125rem;
  color: #333;
}

.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  width: 16.125rem;
}

.select-menu .options .option:hover {
  background: #eff6f7;
}

.faq-section {
  padding: 4rem 0;
}

.accordion-box .block .acc-btn.active h5 {
  color: #fff;
  font-size: .9rem;
}

.accordion-box .block .acc-content.current {
  display: block;
  font-size: .9rem;
}

.accordion-box .block .acc-content.current {
  display: block;
  font-size: .9rem;
  padding: 1rem;
}
.accordion-box .block .acc-btn h5 {
  font-size: 0.9375rem;
  line-height: 1.625rem;
  font-weight: 500;
  transition: all 500ms ease;
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
  padding: 1rem;
  font-size: .9rem;
}

.searchInput {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: #0000008c;
  font-size: 0.875rem;
  transition: 0.4s;
  line-height: 2.5rem;
  width: 0rem;
  padding-left: .8rem!important;
}

.top-inner .theme-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #fff !important;
  text-align: center;
  padding: 0.5rem 1.1875rem;
  text-transform: capitalize;
  border-radius: 1.875rem;
  z-index: 1;
  transition: all 500ms ease;
  margin-right: 8px;
}

.top-inner .theme-btn:hover {
 background-color: red!important;
}


/* Start Animated Icon */
.modren-pop .absolute-center, .menu, .menu .btn .fa, .menu .btn.trigger .line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 600;
}

.modren-pop .menu {
  width: 5em;
  height: 5em;
}
.modren-pop .menu .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  opacity: 0;
  z-index: -10;
  cursor: pointer;
  transition: opacity 1s, z-index 0.3s, transform 1s;
  transform: translateX(0);
}

.modren-pop .menu .btn .fa {
  font-size: 3em;
  transition: color 0.3s;
}

.modren-pop .menu .btn:hover .fa {
  color: rgba(255, 255, 255, 0.7);
}
.modren-pop .menu .btn.trigger {
  opacity: 1;
  z-index: 100;
  cursor: pointer;
  transition: transform 0.3s;
}


.modren-pop .menu .btn.trigger:hover .line {
  background-color: #4f67d2;
}

.modren-pop .menu .btn.trigger:hover .line:before, .menu .btn.trigger:hover .line:after {
  background-color: #4f67d2;
}
.modren-pop .menu .btn.trigger .line {
  width: 60%;
  height: 0.375rem;
  background: #000;
  border-radius: 0.375rem;
  transition: background-color 0.3s, height 0.3s, top 0.3s;
}
.modren-pop .menu .btn.trigger .line:before, .menu .btn.trigger .line:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.375rem;
  background: #000;
  border-radius: 0.375rem;
  transition: background-color 0.3s, transform 0.3s;
}
.modren-pop .menu .btn.trigger .line:before {
  top: -0.75rem;
  transform-origin: 15% 100%;
}
.modren-pop .menu .btn.trigger .line:after {
  top: 0.75rem;
  transform-origin: 25% 30%;
}
.modren-pop .menu .rotater {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
}
.modren-pop .menu.active .btn-icon {
  opacity: 1;
  z-index: 50;

}
.modren-pop .menu.active .trigger .line {
  height: 0rem;
  top: 45%;

}

.modren-pop .menu.active .trigger .line:before {
  transform: rotate(45deg);
  width: 110%;

}
.modren-pop .menu.active .trigger .line:after {
  transform: rotate(-45deg);
  width: 110%;

}

.modren-pop .rotater:nth-child(1) {
  transform: rotate(-22.5deg);
}

.modren-pop .menu.active .rotater:nth-child(1) .btn-icon {
  transform: translateY(-10em) rotate(22.5deg);
  display: none;
}

.modren-pop .rotater:nth-child(2) {
  transform: rotate(22.5deg);

}

.modren-pop .menu.active .rotater:nth-child(2) .btn-icon {
  transform: translateY(-10em) rotate(-22.5deg);
  display: none;
}

.modren-pop .rotater:nth-child(3) {
  transform: rotate(67.5deg);
 
}


.modren-pop .menu.active .rotater:nth-child(3) .btn-icon {
  transform: translateY(-10em) rotate(-67.5deg);

  display: none;
}

.modren-pop .rotater:nth-child(4) {
  transform: rotate(112.5deg);
  /* background-color: red; */
  display: none
}

.modren-pop .menu.active .rotater:nth-child(4) .btn-icon {
  transform: translateY(-10em) rotate(-112.5deg);
  /* background-color: red; */
}

.modren-pop .rotater:nth-child(5) {
  transform: rotate(157.5deg);
  /* background-color: red; */
}

.modren-pop .menu.active .rotater:nth-child(5) .btn-icon {
  transform: translateY(-10em) rotate(-157.5deg);
  /* background-color: red; */
  display: none;
}

.modren-pop .rotatesix {
  transform: rotate(202.5deg);
  /* background-color: red; */
}

.modren-pop .menu.active .stable-six {
  transform: translate(-1rem,-13em) rotate(-202.5deg);
  /* background-color: red; */
  width: 6.5625rem;
  height: 6.5625rem;
}
.modren-pop .rotateseven {
  transform: rotate(247.5deg);
  /* background-color: red; */
}

.modren-pop .menu.active .stable-seven {
  transform: translateY(-10em) rotate(-247.5deg);
  /* background-color: red; */
  width: 6.5625rem;
  height: 6.5625rem;
}

.modren-pop .rotateeight {
  transform: rotate(292.5deg);
  /* background-color: red; */
}

.modren-pop .menu.active .stable-eight {
  transform: translateY(-10em) rotate(-292.5deg);
  /* background-color: red; */

}

.modren-pop .menu.active .stable-eight {
  transform: translate(2.2rem, -7em) rotate(-292.5deg);
  /* background-color: red; */
  width: 6.5625rem;
  height: 6.5625rem;
}

.modren-pop {
  position: fixed;
  top: 18.75rem;
  right: 2rem!important;

}

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

.modren-pop .menu.active .btn-icon {
  opacity: 1;
  z-index: 50;
  background-color: #eff6f7;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 0.125rem dashed #0000005c;
}


.modren-pop .menu .btn.trigger {
  transform: scale(.5);
}

.modren-pop .menu.active .btn-icon {
  font-size: .8rem;
}

.modren-pop .menu .btn.trigger:hover {
  transform: scale(.5);
}

.rotateeight .menuIcon {
 
  margin-top: 1.1875rem;
}
.rotateseven .menuIcon  {
 
  margin-top: 0.75rem;
}
.rotatesix .menuIcon  {
 
  margin-top: 0.75rem;
}

.modren-pop .menu .rotater {
  position: absolute;
  top: -2.375rem;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
}

.modren-pop {
  position: fixed;
  top: 21.25rem;
  right: 1rem!important;
}

.modren-pop .menu .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
  z-index: -10;
  cursor: pointer;
  transition: opacity 1s, z-index 0.3s, transform 1s;
  transform: translateX(0);
}

.modren-pop .menu .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
  z-index: -10;
  cursor: pointer;
  transition: opacity 1s, z-index 0.3s, transform 1s;
  transform: translateX(0);
  /* border-radius: 3.125rem 0 0 3.125rem; */
  box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.375rem -0.0625rem, rgba(0, 0, 0, 0.06) 0rem 0.125rem 0.25rem -0.0625rem;
}

.modren-pop .menu .btn.trigger {
  opacity: 1;
  z-index: 100;
  cursor: pointer;
  transition: transform 0.3s;
  border-radius: 3.125rem 0 0 3.125rem;
}


.modren-pop .menu .btn.trigger {
  opacity: 1;
  z-index: 100;
  cursor: pointer;
  transition: transform 0.3s;
  border-radius: 3.125rem 0 0 3.125rem;
  border: 0.1875rem solid #4f67d2;
}


/* Start Form Container */
.userflow h1 {
	font-weight: bold;
	margin: 0;
}

.userflow h2 {
	text-align: center;
}

.userflow p {
	font-size: 0.875rem;
	font-weight: 100;
	line-height: 1.25rem;
	letter-spacing: 0.03125rem;
	margin: 1.25rem 0 1.875rem;
}

.userflow span {
	font-size: 0.75rem;
}

.userflow a {
	color: #333;
	font-size: 0.875rem;
	text-decoration: none;
	margin: 0.9375rem 0;
}

.userflow button {
	border-radius: 1.25rem;
	border: 0.0625rem solid #FF4B2B;
	background-color: #FF4B2B;
	color: #FFFFFF;
	font-size: 0.75rem;
	font-weight: bold;
	padding: 0.75rem 2.8125rem;
	letter-spacing: 0.0625rem;
	text-transform: uppercase;
	transition: transform 80ms ease-in;
}

.userflow button:active {
	transform: scale(0.95);
}

.userflow button:focus {
	outline: none;
}

.userflow .button.ghost {
	background-color: transparent;
	border-color: #FFFFFF;
}

.userflow form {
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 3.125rem;
	height: 100%;
	text-align: center;
}

.userflow input {
	background-color: #eee;
	border: none;
	padding: 0.75rem 0.9375rem;
	margin: 0.5rem 0;
	width: 100%;
}

.userflow .container {
	background-color: #fff;
	border-radius: 0.625rem;
  	box-shadow: 0 0.875rem 1.75rem rgba(0,0,0,0.25), 
			0 0.625rem 0.625rem rgba(0,0,0,0.22);
	position: relative;
	overflow: hidden;
	width: 48rem;
	max-width: 100%;
	min-height: 30rem;
}

.userflow .form-container {
	position: absolute;
	top: 0;
	height: 100%;
	transition: all 0.6s ease-in-out;
}

.userflow .sign-in-container {
	left: 0;
	width: 50%;
	z-index: 2;
}

.userflow .container.right-panel-active .sign-in-container {
	transform: translateX(100%);
}

.userflow .sign-up-container {
	left: 0;
	width: 50%;
	opacity: 0;
	z-index: 1;
}

.userflow .container.right-panel-active .sign-up-container {
	transform: translateX(100%);
	opacity: 1;
	z-index: 5;
	animation: show 0.6s;
}

@keyframes show {
	0%, 49.99% {
		opacity: 0;
		z-index: 1;
	}
	
	50%, 100% {
		opacity: 1;
		z-index: 5;
	}
}

.userflow .overlay-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	transition: transform 0.6s ease-in-out;
	z-index: 100;
}

.userflow .container.right-panel-active .overlay-container{
	transform: translateX(-100%);
}

.userflow .overlay {
	background: #FF416C;
	background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #FFFFFF;
	position: relative;
	left: -100%;
	height: 100%;
	width: 200%;
  	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

.userflow .container.right-panel-active .overlay {
  	transform: translateX(50%);
}

.userflow .overlay-panel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 2.5rem;
	text-align: center;
	top: 0;
	height: 100%;
	width: 50%;
	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

.userflow .overlay-left {
	transform: translateX(-20%);
}

.userflow .container.right-panel-active .overlay-left {
	transform: translateX(0);
}

.userflow .overlay-right {
	right: 0;
	transform: translateX(0);
}

.userflow .container.right-panel-active .overlay-right {
	transform: translateX(20%);
}

.userflow .social-container {
	margin: 1.25rem 0;
}

.userflow .social-container a {
	border: 0.0625rem solid #DDDDDD;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.3125rem;
	height: 2.5rem;
	width: 2.5rem;
}

.userflow footer {
    background-color: #222;
    color: #fff;
    font-size: 0.875rem;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
}

.userflow footer p {
    margin: 0.625rem 0;
}

.userflow footer i {
    color: red;
}

.userflow footer a {
    color: #3c97bf;
    text-decoration: none;
}


/* Start toggle Logic */
.relevance-container .container {
  width: 75%;
  margin: 3rem auto;
}

.relevance-container h2 {
  color: #345F90;
  font-size: 1.5rem;
  line-height: 1.25;
  /* font-family: "Roboto Slab", serif; */
  margin-top: 0rem;
  margin-bottom: 1.25rem;
}

.relevance-container .tab-slider--nav {
  width: 100%;
  float: left;
  padding-bottom: 60px;
  display: flex;
    justify-content: center;
}

.relevance-container .tab-slider--tabs {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-radius: 2.1875rem;
    overflow: hidden;
    background: #4f67d2;
    height: 2.1875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.relevance-container .tab-slider--tabs .tab-slider--trigger.active a {

  color: #fff;
  padding: 10px;
}

.relevance-container .tab-slider--tabs .tab-slider--trigger.active:after {
  content: "";
  width: 100%;
  background: #345F90;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  border-radius: 2.1875rem;
  z-index: -1;
  color: #fff;
}
.relevance-container .tab-slider--tabs.slide:after {
  left: 50%;
}

.relevance-container .tab-slider--trigger {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  text-transform: capitalize;
  text-align: center;
  padding: 0;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.relevance-container .tab-slider--trigger.active {
  color: #fff;
}

.relevance-container .tab-slider--body {
  margin-bottom: 1.25rem;
}


.relevance-container .container{
  margin-top: 0!important;
  box-shadow: none!important;
}

.relevance-container .tablister {
  text-transform: capitalize!important;
}

.relevance-container .container {
  width: 100%;
  margin: 0 auto;
}

.sign-in-container h1 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.relevance-container input {
  background-color: #eff6f7;
  border: none;
  padding: 0.75rem 0.9375rem;
  margin: 0.5rem 0;
  width: 100%;
}

.relevance-container .overlay {

  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  color: #FFFFFF;
  position: relative;
  left: -100%;
  height: 100%;
  width: 200%;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out;
}

.relevance-container input{
  border-radius: 1.875rem;
  font-size: .9rem;
}


.relevance-container .input-group {
  position: relative;
}
.relevance-container .input-group i {
  position: absolute;
  top: 1.375rem;
  left: 1.1875rem;
  font-size: .9rem;
}

.relevance-container input {
  border-radius: 1.875rem;
  border: 0.0625rem dashed #000;
  font-size: .9rem;
  text-indent: 2rem;
}

.relevance-container input {
  border-radius: 1.875rem;
  border: 0.125rem dashed #0000001c;
  font-size: .9rem;
  text-indent: 2rem;
}

.relevance-container input {
  border-radius: 1.875rem;
  border: 0.125rem dashed #0000001c;
  font-size: .9rem;
  text-indent: 2rem;
  padding: .3rem;
}

.relevance-container button.ghost {
  background-color: #4f67d2;
  border-color: #FFFFFF;
  margin-top: 1rem;
}

.relevance-container form {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 1rem;
  text-align: center;
  margin-top: 0;
}

.relevance-container .tab-slider--trigger {
  font-size: 0.875rem;
}

.guidancetext {
  text-transform: capitalize;
  font-size: 1.5rem!important;
}

.textureEles {
  color: #000!important;
}

.relevance-container span {
  font-size: 1.1875rem;
  color: #4f67d2!important;
  display: block;
}

.relevance-container span {
  font-size: 1.6875rem;
  color: #4f67d2!important;
  display: block;
}

.relevance-container .overlay-right {
  right: 0;
  transform: translateX(0);
  padding: 30px 0px;
}


.relevance-container p {
  font-size: 0.875rem;
  font-weight: 100;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  margin: .5rem;
  color: #00000091!important;
  font-weight: 500;
}

.balancesocial-icons a{
  text-transform: capitalize;
}

.ele-container .social-container {
  margin-top: .2rem!important;
}

.forgetTxt {
  margin-top:  0!important;
}

.balancesocial-icons {
  height: 4.75rem;
}

.balancesocial-icons >  a {
  color: #00000085!important;
}

/*.relevance-container form {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 1rem;
  height: 100%;
  text-align: center;
  margin-top: -12.25rem;
}*/


/* Start Check Box Component */
.formElementery .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.formElementery label{
  user-select: none;
}
.formElementery input[type="radio"] {
  display: none;
}

.formElementery input[type="radio"] + label {
  z-index: 10;
  margin: 0 0.625rem 0.625rem 0;
  position: relative;
  color: #ced4da;
  text-shadow: 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
  font-weight: bold;
  background-color: #ffffff;
  border: 0.125rem solid #ced4da;
  cursor: pointer;
  transition: all 200ms ease;
}

.formElementery input[type="radio"]:checked + label {
  color: #495057;
  background-color: #ced4da;
}

.formElementery input[type="radio"] + label {
  padding: 0.3125rem 1.25rem;
  border-radius: 0.625rem;
}


#signUpForm {
  margin-top: 0!important;
}

.gender-component {
  width: 100%;
  display: flex;
}

.formElementery input[type="radio"]:checked + label {
  color: #495057;
  background-color: #eff6f7;
  font-size: .8rem;
  font-weight: 500;
}

.formElementery input[type="radio"] + label {
  z-index: 10;
  margin: 0 0.625rem 0.625rem 0;
  position: relative;
  color: #ced4da;
  text-shadow: 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
  font-weight: bold;
  background-color: #ffffff;
  border: 0.125rem solid #ced4da;
  cursor: pointer;
  transition: all 200ms ease;
  font-size: .7rem;
  font-weight: 500;
  border-radius: 1.25rem;
  width: 12.875rem;
}

.formElementery input[type="radio"] + label {
  padding: 0.3125rem 1.25rem;
  border-radius: 0.625rem;
  font-size: .9rem!important;
}

.ageiconer {
 text-indent: 3rem!important;
}

.gender-component {
  margin-top: .8rem!important;
}


.relevance-container .social-container {
  margin: 0;
}

.balancesocial-icons {
  height: 4.75rem;
  width: 100%;
  flex-direction: column;
}


.overlay img{
  margin-bottom: 1rem;
}

.relevance-container button.ghost {
  background-color: #4f67d2;
  border-color: #FFFFFF;
  margin-top: .3rem;
}



/* Start Upload Priscription Component */
.prescriptionMainer .form-container {
  background-color: #eff6f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prescriptionMainer .upload-files-container {
  background-color: #fff;
  width: 26.25rem;
  padding: .5rem;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.prescriptionMainer .drag-file-area {
  border: 0.125rem dashed #25242563;
  border-radius: 2.5rem;
  margin: 0.625rem 0 0.9375rem;
  padding: 1rem;
  width: 23.5rem;
  text-align: center;
  height: 14.1875rem;
}
.prescriptionMainer .drag-file-area .upload-icon {
  font-size: 3.125rem;
  color: #5168d2;
}
.prescriptionMainer .drag-file-area h3 {
  font-size: 1.625rem;
  margin: 0.9375rem 0;
}
.prescriptionMainer .drag-file-area label {
  font-size: 1.1875rem;
}
.prescriptionMainer .drag-file-area label .browse-files-text {
  color: #4f67d2;
  font-weight: bolder;
  cursor: pointer;
  margin-left: 3.9375rem;
  font-size: 1rem;
}

.prescriptionMainer .browse-files span {
  position: relative;
  top: -1.5625rem;
}
.prescriptionMainer .default-file-input {
  opacity: 0;
}

.prescriptionMainer .cannot-upload-message {
  background-color: #ffc6c4;
  font-size: 1.0625rem;
  display: flex;
  align-items: center;
  margin: 0.3125rem 0;
  padding: 0.3125rem 0.625rem 0.3125rem 1.875rem;
  border-radius: 0.3125rem;
  color: #BB0000;
  display: none;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.prescriptionMainer .cannot-upload-message span, .upload-button-icon {
  padding-right: 0.625rem;
}

.prescriptionMainer .cannot-upload-message span:last-child {
  padding-left: 1.25rem;
  cursor: pointer;
}

.prescriptionMainer .file-block {
  color: #f7fff7;
  background-color: #7b2cbf;
    transition: all 1s;
  width: 24.375rem;
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0.625rem 0 0.9375rem;
  padding: 0.625rem 1.25rem;
  border-radius: 1.5625rem;
  cursor: pointer;
}
.prescriptionMainer .file-info {
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
}
.prescriptionMainer .file-icon {
  margin-right: 0.625rem;
}
.prescriptionMainer .file-name, .file-size {
  padding: 0 0.1875rem;
}
.prescriptionMainer .remove-file-icon {
  cursor: pointer;
}
.prescriptionMainer .progress-bar {
  display: flex;
  position: absolute;
  bottom: 0rem;
  left: 4%;
  width: 0;
  height: 0.3125rem;
  border-radius: 1.5625rem;
  background-color: #4BB543;
}
.prescriptionMainer .upload-button {
  font-family: 'Montserrat';
  background-color: #4f67d2;
  color: #f7fff7;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  border: none;
  border-radius: 1.25rem;
  margin: 0.625rem;
  padding: 0.46875rem 2.5625rem;
  cursor: pointer;
}

.prescriptionMainer .drag-file-area label {
  font-size: 1.1875rem;
  text-align: left;
}


.prescription-container {
  padding: 1rem!important;
}

.prescriptionMainer .form-container {
  background-color: #eff6f7;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  border-radius: .5rem;
}

.fromdevice {
  font-size: .9rem!important;
}

.prescriptionMainer .drag-file-area h3 {
  font-size: 1.3125rem;
  margin: 0.9375rem 0;
}

.midletext {
  width: 100;
  display: block;
  width: 66%;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-size: .9rem;
  margin-left: 3.3125rem;
  font-weight: 600;
}

.prescriptionMainer .drag-file-area label .browse-files-text {
  color: #4f67d2;
  font-weight: bolder;
  cursor: pointer;
  margin-left: 4.9375rem;
  font-size: 1rem;
}


.prescriptionMainer .file-block {
  color: #000;
  background-color: #eff6f7;
  transition: all 1s;
  width: 24.375rem;
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0.625rem 0 0.9375rem;
  padding: 0.625rem 1.25rem;
  border-radius: 1.5625rem;
  cursor: pointer;
}

.prescriptionMainer .progress-bar {
  display: flex;
  position: absolute;
  bottom: 0rem;
  left: 4%;
  width: 0;
  height: 0.3125rem;
  border-radius: 1.5625rem;
  background-color: #4f67d2;
}
.progress-bar {
  width: 22.5rem!important;
}

.browse-files span:last-child,
.least-text{
  font-size: .95rem!important;
}

.or-text {
  
  display: flex;
  width: 100%;
}
.or-text {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: .9rem;
  text-transform: uppercase;
  font-weight: 600;
}

.contact-info-section {
  position: relative;
  padding: 4rem 0;
}

.contact-info-section .single-item {
  position: relative;
  display: block;
  background: -webkit-linear-gradient(-75deg, #fcebe1, #dbf5f3 100%);
  padding: 1.5rem;
  border-radius: 1.25rem;
  transition: all 500ms ease;
}
/* end Upload Priscription Component */

/* Start Pagination Component */

.pagination {
  display: inline-block;
}
.pagination a {
  text-decoration: none;
  color: #000;
  float: left;
  padding: 0.5rem 1rem;
}
.pagination1 a.active {
  background-color: #4f67d2;
  color: #FFF;
}
.pagination1 a:hover:not(.active) {
  background-color: #DDD;
}
.pagination2 a.active {
  background-color: #4CAF50;
  color: #FFF;
  border-radius: 0.3125rem;
}
.pagination2 a:hover:not(.active) {
  background-color: #DDD;
  border-radius: 0.3125rem;
}
.pagination3 a {
  transition: background-color 0.3s;
}
.pagination4 a:not(.active) {
  border: 0.0625rem solid #DDD;
}
.pagination4 a.active {
  border: 0.0625rem solid #4f67d2;
}
.pagination5 a:first-child {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.pagination5 a:last-child {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
.pagination6 a {
  margin: 0 0.25rem;
}
.pagination7 a {
  font-size: 1.375rem;
}
.center {
  text-align: center;
}
ul.breadcrumb {
  list-style-type: none;
  background-color: #EEE;
  padding: 0.5rem 1rem;
}
ul.breadcrumb li {
  display: inline-block;
}
ul.breadcrumb li+li:before {
  padding: 0.5rem;
  color: #000;
  content: "/\00A0";
}
ul.breadcrumb li a {
  color: green;
}

.pagination {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.pagination7 a {
  font-size: 0.875rem;
  background: #fff;
}
.service-style-two {
  padding: 4rem 0 0;
  /* background: -webkit-linear-gradient(100deg, #d9f6f4, #fdebe0 100%); */
  background: #eff6f7!important;
}

.categories-img {
  width: 25rem!important;
}

h2.medicaler {
  font-size: 1.5rem;
  margin-bottom: 0!important;
}


.service-details-content p {
  background: #eff6f7!important;
  padding: 1rem;
  text-align: justify!important;
  border-left: 0.375rem solid #4f67d2;
}

.service-sidebar {
  margin-right: 0;
}

.service-details-content {
  position: relative;
  display: block;
  padding: 1rem;
}

.service-details {
  padding: 4rem 0!important;
}

.service-sidebar {
  position: relative;
  display: block;
  background: #f2f4f5;
  padding: 1rem;
  border-radius: 1.25rem;
  border: 0.125rem dashed #08070745;
}

.service-details {
  padding-bottom: 4rem!important;
}
.service-details-container {
  padding: 4rem 0 0!important;
  
}

section#serviceblock{

}

.service-sidebar .text h3 {
  position: relative;
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 0.875rem;
}

h2.medicaler {
  font-size: 1.5rem;
  margin-bottom: 0!important;
  color: #4f67d2;
}

.service-sidebar .text {
  margin-bottom: 1rem;
}

.contact-info-section .single-item {
  position: relative;
  display: block;
  /* background: -webkit-linear-gradient(-75deg, #fcebe1, #dbf5f3 100%); */
  padding: 1.5rem;
  border-radius: 1.25rem;
  transition: all 500ms ease;
  background: #eff6f7;
  border: 0.125rem dashed #0000003d;
}

.adjustablecontact {
  margin-bottom: 4rem!important;
}
/* End Pagination Component */


/* Start Animated Css */
.fa-cart-plus{
  background:#0652DD;
}

.addtocart{
  display:block;
  padding:0.5em 1em 0.5em 1em;
  border-radius:6.25rem;
  border:none;
  font-size:2em;
  position:relative;
  background:#0652DD;
  cursor:pointer;
  height:2em;
  width:10em;
  overflow:hidden;
  transition:transform 0.1s;
  z-index:1;
}
.addtocart:hover{
  transform:scale(1.1);
}
.pretext{
  color:#fff;
  background:#0652DD;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  /* font-family: 'Quicksand', sans-serif; */
  font-size: .9rem;
}
i{
  margin-right:0.625rem;
}
.done{
  background:#be2edd;
  position:absolute;
  width:100%;
  top:0;
  left:0;
  transition:transform 0.3s ease;

  transform:translate(-110%) skew(-40deg);
}
.posttext{
  background:#be2edd;
}
.fa-check{
  background:#be2edd;
}

.theme-btn.btn-one {
  background: #4f67d2!important;
  padding: .5rem 2rem;
}

 

footer .social-links a i{
  margin-left: 0.625rem;
}

.mainfocustext {
  font-size: 1.47rem;
  color: #4f67d2;
}

.lightfocustext {
  color: #0000006b;
  text-decoration: line-through;
  font-size: 1.1rem;
  margin-top: -0.625rem!important;
}

.whatsapp-chat {
  color: #000!important;
  background: #fff;
  width: fit-content!important;
  padding: .2rem 2rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  box-shadow: rgba(9, 30, 66, 0.25) 0rem 0.0625rem 0.0625rem, rgba(9, 30, 66, 0.13) 0rem 0rem 0.0625rem 0.0625rem;
  position: fixed;
  z-index: 800;
  bottom: 25rem;
  right: 0;
  font-size: .9rem;
}
.pagination > a:first-child {
  border-radius: 1rem 0 0 1rem;
}
.pagination > a:last-child {
  border-radius: 0 1rem  1rem 0;
}

.tab-technician-icon h4 {
  margin-bottom: 1rem;
  color: #000;
  font-size: 1.2rem;
  text-transform: capitalize;
}
.tab-technician-icon .service-section .tabs-box {
  position: relative;
  display: block;
  padding: 2rem;
}

.tab-technician-icon .tab-btn-box{
  margin-bottom: 2rem;
}
.tab-technician-icon  .service-section {
  padding-top: 0;
}

.overview .list-style-one li {
  position: relative;
  display: block;
  font-size: 0.875rem;
  line-height: 1.625rem;
  padding-left: 1.875rem;
  margin-bottom: 0.375rem;
}

.overview i{
  font-size: 2rem;
} 


.sample-collection li a {
  color: #000;
  font-size: .9rem;
}
.sample-collection li a i{
  color: #000;
  font-size: 1rem;
}

.sample-collection  {
  margin-bottom: 1rem;
}
.sample-collection li {
  margin-right: 1rem;
}

.sample-collection li a {
  color: #00000091;
}

.inset-container {
  background-color: #fff;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem; */
  padding: 1rem  0 0 .5rem;
}

.percentageComponent h2 {
  font-size: 1rem;
  background-color: red;
  padding: 1cqi;
 
}
.percentageComponent .percentage {
  font-size: .85rem;
  margin-bottom: 0!important;
  color: #fff!important;
}

.percentageComponent h2 {
  font-size: .9rem;
  background-color: #4f67d2;
  padding: 1rem;
  color: #fff;
  border-radius: .5rem;
}

.percentageComponent button.addtocart {
  width: 9.75rem!important;
  height: 3.0625rem!important;
}

.tab-technician-icon .addtocart {
  height: 2.5625rem!important;
  width: 11.4375rem!important;
  margin: auto;
  transform: translateY(-2.625rem);
}

.flexlister {
  flex-direction: column;
}

.sample-collection  {
  background-color: #fff;
  padding: 2rem;
}
.sample-collection li {
  margin-bottom: 1rem;
}

.sample-collection {
  background-color: #fff;
  padding: 2rem;
}
.mainerLogo {
  background-color: #fff;
}

.mainerLogo {
  background-color: #fff;
  border: 0.125rem dashed #00000029;
}

.sample-collection  {
  padding-bottom: 0!important;
}





.mainerLogo h3 {
  font-size: 1.2rem;
  padding-left: 2rem;
  padding-top: 3rem;
  color: #000;
}

.sample-collection li a i {
  color: #4f67d2;
  font-size: 1rem;
}

.overview .sample-collection {
  padding-bottom: 0!important;
  margin: 1rem 0 0 0;
  padding: 0;
}

.tab-technician-icon .service-section .tabs-box {
  position: relative;
  display: block;
  padding: 2rem;
  height: auto;
  overflow: auto;
}

.welnesimg {
  height: 18.75rem;
  object-fit: cover;
}

.page-title .content-box .bread-crumb li {
  position: relative;
  display: inline-block;
  float: left;
  font-size: 1rem;
  line-height: 1.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  padding-right: 0.625rem;
  margin-right: 0.8125rem;
}

.rotatesix .menuIcon {
  margin-top: 0.75rem;
  margin-left: 1.25rem;
}

.rotatesix a {
  color: #000!important;
}

.subCate {
  height: 25rem;
  /* object-fit: cover; */
  border: 0.625rem solid #fff;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  margin-top: -1.0625rem;
}


/* Start Leave */

.filterComponent .searchBox {
  left: 0%;
  transform: translate(0%,0%);
}

/* Start Select Menu ICon */
 
.select-menu .select-btn {
  display: flex;
  height: 2.5625rem;
  background: #fff;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.5rem;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.1);
}
.select-menu .options {
  position: absolute;
  width: 20.625rem;
  overflow-y: auto;
  max-height: 18.4375rem;
  padding: 0.625rem;
  margin-top: 0.625rem;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.select-menu .options .option {
  display: flex;
  height: 3.4375rem;
  cursor: pointer;
  padding: 0 1rem;
  border-radius: 0.5rem;
  align-items: center;
  background: #fff;
}
.select-menu .options .option:hover {
  background: #f2f2f2;
}
.select-menu .options .option i {
  font-size: 1.5625rem;
  margin-right: 0.75rem;
}
.select-menu .options .option .option-text {
  font-size: 1.125rem;
  color: #333;
}

.select-btn i {
  font-size: 1.5625rem;
  transition: 0.3s;
}

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 1.875rem, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 1.25rem, 0);
    opacity: 0;
  }
}

/* End Select Menu Icon */

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
  font-size: .9rem;
}

.select-menu .options .option .option-text {
  font-size: 0.875rem;
  color: #333;
}

.select-menu .options .option {
  display: flex;
  height: 2.3125rem;
  cursor: pointer;
  padding: 0 0;
  border-radius: 0.5rem;
  align-items: center;
  background: #fff;
}

.select-menu .select-btn {
  display: flex;
  height: 2.5625rem;
  background: #eff6f7;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.5rem;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  /* box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.1); */
  box-shadow: none;
  border: 0.125rem solid #4f67d2;
  border-radius: 1.25rem;
}


.select-btn i {
  font-size: 1rem;
  transition: 0.3s;
}

.select-menu .options .option {
  transition: all .2s ease;
}
.select-menu .options .option:hover {
  background: #f2f2f2;
  padding-left: 2rem;
}

.select-menu {
 float: right;
}

 
.select-menu .options .option:hover {
  background: #f2f2f2;
  padding-left: 0;
}

.theme-btn.btn-one {
  background: #4f67d2!important;
  padding: .5rem 1.5rem;
  /* font-size: .8rem; */
}

.boxElementerContainer .service-block {
  margin-bottom: 2rem;
}

td.remove {
    text-align: center;
}

.prod-title h4 {
  font-size: .9rem;
}
.prod-title h5 {
  font-size: .8rem;
  color: #0000007a;
  margin-top: .5rem;
}

.cart-section .price .mainfocustext {
  font-size: 1rem;
  color: #4f67d2;
}


.cart-section  .lightfocustext {
  color: #0000006b;
  text-decoration: line-through;
  font-size: .8rem;
  margin-top: -0.625rem!important;
}

.cart-section  tr:nth-child(odd) {
  background: #eff6f7;
}

.cart-header >  tr{
  background: #4f67d2!important;
}
.fontICon {
  font-size: 1.1rem;
}



a.theme-btn.btn-one.add-testicon {
  width: fit-content;
}

.cartCouponCode {
  background-color: #fff;
  padding: .5rem 1rem;
  color: #000;
  border-radius: 1rem;
  /* border: 0.0625rem dashed #00000078; */
  box-shadow: rgba(9, 30, 66, 0.25) 0rem 0.0625rem 0.0625rem, rgba(9, 30, 66, 0.13) 0rem 0rem 0.0625rem 0.0625rem;
  font-size: .8rem;
}

.cartCouponCode > b {
  color: #4f67d2;
  font-weight: 700;
  font-size: .8rem;
}
.counter-lists {
  display: block;
  margin-bottom: .3rem;
  color: #0b0b0b99;
}

.subtotal .mainfocustext {
  font-size: 1rem;
}

.counter-lists .fa-cart-plus {
  background: transparent;
}

.cart-section  .top-container.percentageComponent {
  box-shadow: rgba(9, 30, 66, 0.25) 0rem 0.0625rem 0.0625rem, rgba(9, 30, 66, 0.13) 0rem 0rem 0.0625rem 0.0625rem;
  border-radius: .5rem;
  padding: 1.2rem;
}

.cart-section  .inset-container {
  padding-bottom: 0;
}


.cart-section .percentageComponent h2 {
  padding: .5rem;
}

.total-cart-box p {
  font-size: 1rem;
  margin-top: 1rem;
  background: #eff6f7;
  padding: 1rem;
  border-left: 0.3125rem solid #0652dd;
}

/* Start Progreess Component */


.form-title {
  color: #00c5b2;
  font-size: 1.375rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  margin: 0.9375rem 0rem 1.875rem 0rem;
}

.form-title-sc {
  color: #4f67d2;
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  margin: 0.9375rem 0rem 1.875rem 0rem;
}

.form {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 2.75rem 1.875rem;
  background: white;
  border-radius: 0.25rem;
}

.form-controll {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.form-controll:not(:last-of-type) {
  margin-bottom: 2.0625rem;
}

.form-input {
  position: relative;
  width:100%;
}

.form-input input,
.form-input textarea {
  position: relative;
  width:100%;
  padding: 0.5rem 0rem;
  outline: 0.0625rem solid transparent;
  border: 0.0625rem solid transparent;
  border-bottom: 0.0625rem solid #c2c2c2;
  background: transparent !important;
  z-index: 9;
  color: #2c3638;
}

.form-controll label  {
  position: absolute;
  left: 0rem;
  bottom: 0.625rem;
  color: #c2c2c2;
  font-size: 0.875rem;
  z-index: 1;
  transition: all 0.1s ease-in;
}









/*Steps*/

.step-tab-items {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1.5625rem;
  justify-content: center;
}

.step-tab-items .step-item {
  position: relative;
  list-style: none;
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 0.875rem;
  cursor: pointer;
}
.step-tab-items .step-item.active {
  background: #4f67d2;
}

.step-tab-items .step-item:not(:last-child) {
    margin-right: 7.1875rem;
}
.step-tab-items .step-item:not(:last-of-type)::before {
  position: absolute;
  content: "";
  width: 23.5625rem;
  height: 0.125rem;
  background: rgb(19 17 17 / 42%);
  left: calc(100% + 0.625rem);
}

.step-tab-items .step-item.active::before {
  background: #4f67d2;
}
.step-tabs .step-tab {
  display: none;
}

.step-tabs .step-tab.active {
  display: block;
}

.step-item i {
  margin-right: 0;
  color: #000000b3;
}

.previous-checkip .prod-thumb img {
  width: 5rem;
}
.previous-checkip .mainfocustext {
  font-size: .9rem;
  color: #4f67d2;
}

.previous-checkip  .lightfocustext {
  font-size: .9rem;
}
.previous-checkip  tr {
 margin-bottom: 1rem;
}

.previous-checkip  .prod-column {
  padding: 1rem 0;
}

.list-amount {
  display: block;
}

.form .detail-card {
  background: #fff!important;
  padding: 2rem;
  border-radius: .4rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  padding-bottom: 1.3rem;
}
.member-details input {
  background-color: #fff;
  padding: .5rem;
  width: 100%;
  border: 0.0625rem solid#ced4da;
  margin-bottom: 1rem;
  border-radius: .5rem;
}

.member-details .previous-checkip {
  background: #eff6f7;
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 0;
}

.member-details .previous-checkip .prod-thumb img {
  width: 5rem;
  height: 3.75rem;
  margin-bottom: .5rem;
  border: 0.1875rem solid #4f67d2;
  border-radius: .5rem;
  object-fit: cover;
}

.member-details .previous-checkip .table-outer table{
  width: 100%;
}
.memberinfo {
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;
  border: 0.125rem dashed #0000004a;
}

input, button, select, textarea {
  font-family: 'Montserrat', sans-serif!important;
 
}

.sub-title {
  text-transform: capitalize;
}


.detail-card h4 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}


.member-details input::placeholder {
  color: #1414175e!important;
  font-size: .9rem;
}


.form .detail-card h4 {
  font-size: 1rem;
  margin-bottom: .5rem;
}

.gender-container  input {
  width: 10%!important;
  transform: scale(1.2);
  margin-left: -0.3125rem;
  margin-top: 0.625rem;
}

.genderele {
  margin-left: 0.625rem;
  font-weight: 600;
  margin-bottom: 0;
}
fieldset.gender-container {
  margin-left: 0.625rem;
}

.priscription {
  margin-left: 1rem;
  color: #000;
  font-size: .9rem;
  font-weight: 500;
}


.remove-member a{
  color: #000;
  border: 0.0625rem dashed #000;
  padding: .5rem 1rem;
  border: 0.0625rem dashed #1110103d;
  background-color: #fff;
}

input.submitele {
  width: fit-content!important;
  padding: .2rem 3rem;
  text-transform: capitalize;
  border-radius: 0.5rem;
  background: #4f67d2;
  color: #fff;
  font-size: .9rem;
  margin-left: .5rem;
  margin-top: .5rem;
}

.member-details-component{
  border-top: 0.125rem dashed #00000063;
 
}


button.form-btn.proceedElement {
  display: block;
  width: 100%;
  padding: .5rem 2rem!important;
  background: #4f67d2;
  color: #fff;
  border-radius: .5rem;
  margin-top: 1rem;
  width: 10rem;
  border-radius: 2rem;
}

.form .memberinfo h5 {
  font-size: 1.1rem;
  margin-bottom: .5rem;
}
.form .memberinfo .list-amount{
  font-size: .9rem;
  margin-top: .5rem;
}

button.btn.btn-link {
  width: 100%;
  height: 100%;
  color: #4f67d2;
  padding: .8rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: #eff6f7;
  font-weight: 600;
}
.card-header {
  padding: 0;
}


.checkerBox {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(17, 17, 26, 0.05) 0.0625rem 0rem 0rem, rgba(17, 17, 26, 0.1) 0rem 0rem 0.5rem;
  transition: all .5s ease;
  background: #fff;
}
.checkerBox i {
  background: transparent;
  margin-right: 0;
  text-decoration: none!important;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: none;
}



/* button.btn.btn-link .checkerBox {
  background-color: #4f67d2!important;
  color: #fff;
} */
/* button.btn.btn-link.collapsed  .checkerBox {
  background-color: #fff!important;
  color: #000;
} */

span.checkerBox.checked {
  background-color: #4f67d2!important;
  color: #fff;
}


.relationship-component {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-left: -2.1875rem;
  margin-bottom: 1rem;
}

.relationship-radio {
  display: flex;
}
.relationship-radio input
{
  transform: scale(.6);
}
.relationship-radio input, .relationship-radio label {
  margin-bottom: 0!important;
  font-size: .85rem;
}

.myself-field input{
  transform: scale(1.2);
}

.doctor-add {
  font-size: .9rem;
  cursor: pointer;
}

.doctor-form input:not([type="submit"]) {
  border: 0.0625rem dashed #0006;
  display: block;
  width: 100%;
  padding: .3rem;
  border-radius: .5rem;
  background: #eff6f7;
}

#doctordetails .modal-title {
  text-transform: capitalize;
  font-size: 1.2rem;
}

.doctorsbtbtn {
  width: 47%!important;
  background: #4f67d2;
  padding: .5rem 3rem!important;
  text-transform: capitalize;
  margin: auto!important;
  color: #fff!important;
  border: none!important;
  border-radius: 0.25rem;
  margin-left: 7.8125rem!important;
}

.required {
  color: red;
}

.left-side-details {
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;
  border: 0.125rem dashed #00000045;
}
.myself-field {
  position: relative;
  font-size: .9rem;
  text-transform: capitalize;
}
.myself-field i{
  position: absolute;
  right: 0;
  font-size: .8rem;
  top: 0.3125rem;
}

.myself-filed label{
  margin-left: .5rem;
}

.left-side-details h6 {
  margin-bottom: 1rem;
  text-transform: capitalize;
  color: #4f67d2;
}

.numbersize {
  font-size: .9rem;
}

label.drnumber {
  font-size: .9rem;
  display: block;
  text-indent: 1rem;
  margin-top: -0.625rem;
}

#adress-radio   {
    align-items: center;
}

.address-toggle {
  padding: 0 0 1rem 1rem;
  background: #fff;
  margin-top: 1rem;
  border-radius: .5rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}


/* Start  Payement Gate way */
.timer-list {
  gap: 1.25rem;
  flex-wrap: wrap;
}
.timer-list li {
  background-color: #fff;
  border-radius: 1.25rem;
  padding: .2rem 1.5rem;
  font-size: .9rem;
  cursor: pointer;
  position: relative;
  border: 0.0625rem dashed #00000075;
}

.time-component {
  background: #eff6f7;
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
}
.time-component h6 {
  margin-bottom: .8rem;
  font-size: .85rem;
}
li.timer-item.active {
  background: #4f67d2;
  color: #fff!important;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  border: none;
}

.timer-item  i {
  background-color: transparent;
  font-size: .8rem;
  color: #4f67d2;
  margin: 0;
}

span.check-icon {
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  position: absolute;
  right: -0.25rem;
  top: -0.25rem;
  display: none;
}


.time-component h6 i{
  color: #4f67d2;
}


.tab-content h5 {
  text-transform: capitalize;
  margin: 1rem;
  font-size: 1rem;
  margin-left: 0;
  color: #0000008f;
}


.tab-content h5 i{
  color: #4f67d2;
}

.form .nav-tabs .nav-link {
  border: 0.0625rem solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #eff6f7;
}
.form .nav-tabs .nav-link.active {
  background-color: #4f67d2;
  color: #fff;
}

.slot-booking {
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  padding: 1rem;
  border-radius: .5rem;
  background: #fff;
}

.time-component:last-child {
  margin-bottom: 0;
}

.form .nav-tabs .nav-link {
  border-radius: 1.875rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: .85rem;
  font-weight: 600;
  width: 11.25rem;
  position: relative;
}

.form .nav-tabs {
  border-bottom: 0.0625rem solid #dee2e6;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
}

.form .nav-tabs .nav-link.active:after {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  background-color: #4f67d2;
  position: absolute;
  bottom: -0.5rem;
  transform: rotate(45deg);
}


.adress-type span {
  font-size: .9rem;
}


.collectionadress address {
  font-size: .9rem;
  margin-bottom: 0;
  color: #0000009e;
  font-weight: 500;
}
.collectionadress a {
  color: #000!important;
  padding: .2rem 1rem;
  font-size: .9rem;
  border: 0.0625rem solid #4f67d2;
  display: inline-block;
  border-radius: .3rem;
}


.editdetails {
  font-size: .9rem;
  color: #000!important;
}


/* Start Coupon Code */
.coupon-component {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.coupon-card {
  background: linear-gradient(135deg, #4f67d2, #4f67d2);
  color: #fff;
  text-align: center;
  padding: .5rem 1.5rem;
  border-radius: 0.9375rem;
  /* box-shadow: 0 0.625rem 0.625rem 0 rgba(0,0,0,0.15); */
  position: relative;
}
.coupon-component .logo{
  width: 5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;

}
.coupon-card h3{
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.5rem;

}
.coupon-card p {
  font-size: 0.9375rem;
  color: #fff;
}
.coupon-row{
  display: flex;
  align-items: center;
  margin: 1.5625rem auto;
  width: fit-content;

}
#cpnCode {
  border: 0.0625rem dashed #fff;
  padding: 0.625rem 1.25rem;
  border-right: 0;
  font-size: .8rem;
}
#cpnBtn{
  border: 0.0625rem solid #fff;
  background: #fff;
  padding: 0.625rem 1.25rem;
  color: #7158fe;
  cursor: pointer;
}
.circle1, .circle2 {
  background: #ffffff;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.circle1{
  left: -1.5625rem;
}
.circle2{
  right: -1.5625rem;
}


.coupon-component input:not([type="submit"]) {
  background-color: #fff;
  border-radius: .5rem;
  padding: .3rem;
  /* border: 0.0625rem solid #0000008a; */
  margin-right: .5rem;
  font-size: .9rem;
}
.coupon-component input[type="submit"] {
  background-color: #4f67d2;
  color: #fff;
  height: 2.375rem;
  width: 5rem;
  /* width: 10.375rem; */
  padding: .5rem;
  border-radius: .5rem;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  font-size: .9rem;
  text-align: center;
  display: flex;
  justify-content: center;
  /* background: #eff6f7!important; */
  font-weight: 600;
  line-height: 1.125rem;
}


.coupon-container h5 {
  color: #fff;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1rem;
}


.coupon-container h6 {
  color: #fff;
  font-size: .85rem;
}

.coupon-container h6 {
  color: #fff;
  font-size: .85rem;
}


.member-header a {
  color: #000000ab;
}
.memberlist {
  gap: 1.25rem;
}


.memdetails-component {
  background: #eff6f7;
  padding: 1rem;
  border-radius: .5rem;
}
.memdetails-component .previous-checkip .price h5{
 text-align: end;
}

.memdetails-component .previous-checkip  .prod-thumb img {
  height: 3.75rem;
  object-fit: cover;
  border-radius: .5rem;
  border: 0.1875rem solid #4f67d2;
  margin-bottom: .5rem;
}

/* End Coupon Code */


.collection-details-component {
  background: #fff;
  border-radius: .5rem;
  margin-top: 1rem;
  padding: 1rem;
}

.collection-details-component h5 {
  font-size: 1.1rem;
  margin-bottom: .5rem;
  text-transform: capitalize;
  width: 100%;
  justify-content: space-between;
  padding-right: 0!important;
}


.collection-details address {
  font-size: .8rem;
  text-align: justify;
  padding-right: 1rem;
}

.step-tab-items .step-item.active i {
  color: #fff!important;
}

.relationship-radio label {
  margin-left: -1.5rem;
}

label.relationship-label {
  font-weight: 600;
}


.gender-container label{
  font-size: .9rem;
}


.member-adress .relationship-component {
  margin-left: -1.625rem;
}


.address-content i.delete-icon {
  position: absolute;
  right: 1rem;
  top: 0;
  color: red;
}

.address-toggle label {
  width: 100%;
  text-indent: 1rem;
}
.address-toggle input {
  transform: scale(1.3) translateY(1.375rem);
}


.adress-categories {
 color: #4f67d2; 
 font-weight: 600;
}


.saved-adress-title {
  text-transform: capitalize;
}


.memberinfo.collectionadress.p-0 {
  padding: 1rem!important;
  margin: 1rem 0;
}

.memberinfo.collectionadress.p-0 {
  padding: 1rem!important;
  margin: 1rem 0;
  border: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}

.adress-type {
  color: #000;
  font-weight: 500;
}

.collection-form-element {
  color: #4f67d2;
}

.change-adress-component button {
  font-size: .9rem;
  padding: .2rem 2rem;
  border: 0.0625rem dashed #4f67d2;
  border-radius: .5rem;
  margin-top: .5rem;
  color: #4f67d2!important;
}

.change-adress-component i{
  transform: translateX(0.625rem);
}




.member-details-ele {
  background-color: #eff6f7;
  padding: 1rem;
  border-radius: .5rem;
}


.member-details-ele {
  background-color: #eff6f7;
  padding: 1rem;
  border-radius: .5rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}

.collection-at {
  padding: .5rem;
}
.confirm-slot {
  display: block;
    width: 100%;
    padding: 0.5rem;
    background: #4f67d2;
    color: #fff;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

.collection-at h6 {
  font-size: .9rem;
  color: #00000082;
}


.member-detal-header {
  padding: 1rem;
  background-color: #fff;
}

.member-detal-header {
  padding: .5rem;
  background-color: #fff;
  border-radius: 0.25rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  transform: translateY(1.25rem);
  margin-bottom: 1rem;
}

.member-detal-header .editdetails {
  font-size: .9rem;
  color: #00000073!important;
}

.member-header {
  margin-top: 0;
}

.member-detal-header {
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.25rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  transform: translateY(1.25rem);
  margin-bottom: 1rem;
  border-top: 0.3125rem solid #4f67d2;
  text-transform: capitalize;
  text-align: center;
  width: 100%;
  justify-content: center!important;
  color: #4f67d2;
}
.mem-detailser .column-box {
  display: flex;
  align-items: center;
  gap: 0.8125rem;
}

.mem-detailser .previous-checkip {
  margin-top: 0.875rem;
  border: 0.125rem dashed #9b9090e0;
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: #fff;
  margin-bottom: .5rem;
}

.mem-detailser .memberlist  a {
  text-transform: capitalize;
  font-size: .9rem;
  display: block;
}

.mem-detailser a.member-name {
  color: #4f67d2;
  font-weight: 600;
  margin-right: 1rem;
  font-size: .93rem;
}

.circle2 {
  right: -1.5625rem;
  background: #fff;
}

.total-fonter {
  font-weight: 600;
}

.collection-slot > span{
  font-size: .9rem;
}




.collection-details address {
  font-size: .9rem;
  text-align: justify;
  padding-right: 1rem;
  margin-bottom: 0;
}


.billing-list li{
  font-size: .9rem;
}

ul.billing-list {
  padding: 1rem;
  background: #fff;
  border-radius: .5rem;
  border: 0.125rem dashed #0006;
}

.subtotal-component h6 {
  margin-bottom: 1rem;
}

.billing-list li {
  font-size: .9rem;
  display: flex;
  justify-content: space-between;
}

.billing-list li {
  font-weight: 500;
  font-size: .9rem!important;
  margin-bottom: .5rem;
}


.subtotal-component h6 {
  margin-bottom: 1rem;
  font-size: 1rem;
  margin-left: 0;
}
.to-pay span {
  font-size: 1rem;
  font-weight: 600;
}
.to-pay {
  border-top: 0.0625rem dashed #000;
  padding-top: .5rem;
  margin-bottom: 0!important;
}
.order-expired {
  padding: 1rem 0 0 0;
}

.order-expired span:first-child{
  font-size: .9rem;
  text-transform: capitalize;
}
span#auto-timer {
  background: #fff;
  padding: .5rem 2rem .5rem 0;
  display: inline-block;
  border-radius: 0.25rem;
  font-size: .9rem;
}

.time-champer .miutes{
  font-size: .9rem;
}

.time-champer {
  background-color: #fff;
  width: fit-content;
  padding: .2rem 1rem;
  border-radius: .5rem;
}
.clock-iconer i {
  color: #4f67d2;
}

.order-expired button {
  display: block;
    width: 100%;
    padding: 0.5rem;
    background: #4f67d2;
    color: #fff;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

span#auto-timer {
  background: #fff;
  padding: .5rem 0rem .5rem 0;
  display: inline-block;
  border-radius: 0.25rem;
  font-size: .9rem;
}

.time-champer {
  background-color: #fff;
  width: fit-content;
  padding: .2rem 1rem;
  border-radius: .5rem;
  margin-top: 1rem;
  border: 0.0625rem dashed #4f67d2;
}


.step-tab-items .step-item:not(:last-of-type)::before {
  position: absolute;
  content: "";
  width: 6.0625rem;
  height: 0.125rem;
  left: calc(100% + 0.625rem);
}

.sub-title {
  text-transform: capitalize;
  font-size: 1.1rem;
}

.step-tab-items .step-item::after {
  content: '';
  position: absolute;
  top: -0.1875rem;
  left: -0.25rem;
  width: 3rem;
  height: 2.9375rem;
  border: 0.125rem dashed #00000040;
  border-radius: 50%;
  
}

.step-tab-items .step-item.active:after {
  animation: rotateBorder 3s linear infinite;
  border: 0.125rem dashed #4f67d2;
}

@keyframes rotateBorder {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.prescription-img {
  width: 6.25rem;
  padding: .5rem;
  border-radius: .5rem;
  background-color: #fff;
  margin-top: 0.375rem;
  position: relative;
}
.prescription-img .close-icon{
  position: absolute;
  right: -1.25rem;
  top: 0;
  width: 1rem;
  height: 1rem;
  background-color: #4f67d2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
}



.coupon-box {
  /* border: 0.0625rem solid #ccc; */
  padding: 0.625rem;
  border-radius: 0.3125rem;
  width: 100%;
  background: #eff7fa;
}

.coupon {
  margin-bottom: 0.625rem;
}

.coupon-title {
  font-weight: bold;
  color: #333;
  font-size: .9rem;
  display: flex;
  justify-content: space-between;
}

.coupon-details {
  color: #666;
  font-size: .85rem;
}


.coupon-coder {
  border-top: 0.125rem dashed #00000075;
  padding-top: .5rem;
  margin-bottom: 0!important;
}


button#toggleButton {
  font-size: 1rem;
  display: flex;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: .5rem;
  position: relative;
  width: 100%;
}

.coupfield i {
  position: absolute;
  right: 0rem;
  top: 0.625rem;
}

#toggleButton img {
  margin-right: .5rem;
}

#couponList {
  height: 23.5625rem;
  overflow: auto;
}

.coupon-box {
  margin-bottom: 1rem;
}
.coupon-box:last-child {
  margin-bottom: 0;
}

.coupon-title > span{
  color: #4f67d2;
}

.coupon-container {
  margin: 1rem 0;
}

/* Start Payement Method Contianer */



.note-component {
  padding: 1rem;
  background: #fff;
  border-left: 0.25rem solid #4f67d2;
  font-size: .9rem;
  text-align: justify;
  margin-top: 1rem;
}


.notedbook {
  font-weight: 700;
  color: #4f67d2;
}



.focustext {
 font-weight: 500;
}

.doctorname {
  display: block;
}

.recommed-test span {
  margin-bottom: .5rem;
}


/* Start User Dash Board */
.user-component .sidebar {
  position: fixed;
  width: 5rem;
  height: 100%;
  background: #f1d6b8;
  z-index: 100000;
  transition: 0.5s;
  padding-left: 0.625rem;
  overflow: hidden;
}

.user-component .sidebar.active {
  width: 18.75rem;
}

.user-component .sidebar ul {
  position: relative;
  height: 100vh;
}

.user-component .sidebar ul li {
  position: relative;
  list-style: none;
}

.user-component .sidebar ul li.active {
  background: var(--clr);
  border-top-left-radius: 3.125rem;
  border-bottom-left-radius: 3.125rem;
}

.user-component .sidebar ul li.active::before {
  content: "";
  position: absolute;
  top: -1.25rem;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  box-shadow: 0.3125rem 0.3125rem 0 0.3125rem var(--clr);
  background: transparent;
}

.user-component .sidebar ul li.active::after {
  content: "";
  position: absolute;
  bottom: -1.25rem;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-top-right-radius: 1.25rem;
  box-shadow: 0.3125rem -0.3125rem 0 0.3125rem var(--clr);
  background: transparent;
}

.user-component .sidebar ul li.logo {
  margin-bottom: 3.125rem;
}

.sidebar ul li.logo .icon {
  font-size: 2em;
  color: var(--clr);
}

.user-component .sidebar ul li.logo .text {
  font-size: 1.2em;
  font-weight: 500;
  color: var(--clr);
}

.user-component .sidebar ul li a {
  position: relative;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
}

.user-component .sidebar ul li a .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 3.75rem;
  padding-left: 0.625rem;
  height: 4.375rem;
  font-size: 1.5em;
  color: #333;
  transition: 0.5s;
}

.user-component .sidebar ul li a .text {
  position: relative;
  height: 4.375rem;
  display: flex;
  align-items: center;
  font-size: 1em;
  color: #333;
  padding-left: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: 0.5s;
}

.user-component .sidebar ul li.active a .icon {
  color: #fff;
}

.user-component .sidebar ul li.active a .text {
  color: var(--bg);
}

.user-component .sidebar ul li:hover a .icon,
.sidebar ul li:hover a .text {
  color: var(--bg);
}

.user-component .sidebar ul li.active a .icon::before {
  content: "";
  position: absolute;
  inset: 0.3125rem;
  width: 3.75rem;
  background: var(--bg);
  border-radius: 50%;
  transition: 0.5s;
}

.user-component .sidebar ul li:hover.active a .icon::before {
  background: #fff;
}

.user-component .imageBox {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}

.user-component .imageBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-component .menuToggle {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 3.125rem;
  height: 3.125rem;
  background: #76d89c;
  z-index: 1000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-component .menuToggle::before {
  content: "";
  position: absolute;
  width: 1.875rem;
  height: 0.1875rem;
  background: #fff;
  transform: translateY(-0.5625rem);
  box-shadow: 0 0.5625rem 0 #fff;
  transition: 0.5s;
}

.user-component .menuToggle::after {
  content: "";
  position: absolute;
  width: 1.875rem;
  height: 0.1875rem;
  background: #fff;
  transform: translateY(0.5625rem);
  transition: 0.5s;
}

.user-component .menuToggle.active::before {
  transform: translateY(0rem) rotate(45deg);
  box-shadow: 0 0 0 #fff;
}

.user-component .menuToggle.active::after {
  transform: translateY(0rem) rotate(-45deg);
}


button.form-btn.proceedElement.changer-icon {
  background: transparent;
  color: #4f67d2;
  width: fit-content;
  padding: .5!important;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  padding-right: .5rem!important;
}


.payement-procedure {
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;
}

.lister-container li:first-child {
  font-size: 1rem;
}
.lister-container li:last-child {
  font-size: 1.5rem;
  color: #4f67d2;
  font-weight: 600;
}

button.current-location-btn {
  background: #eff6f7;
  width: 100%;
  padding: .5rem;
  border-radius: .5rem;
  border: 0.0625rem dashed #0000005e;
}
/* End User Dash Board */


/* Start Dashboard Css */
.nav-link.active {
  border-radius: 1.25rem 0 0 1.25rem; /* Border radius for the active tab */
}

.nav-pills .nav-link {
  border-radius: 1.25rem; /* Border radius for all tabs */
}


.prescription-img-container {
  margin-left: 0;
}

.prescription-img-container .prescription-img   {
  width:12.5rem!important;
}

/* end Dashboard css */


/* Start User Dash Board */
section.tabs-section {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 800;
  color: rgb(143 20 20);
  background: #ffffff;
  text-transform: uppercase;
  padding: 2rem;
  padding-left: 7rem;
  padding: 1rem!important;
  /* background-image: url(assets/images/reusable-bg.jpg); */
 background-image: url(../images/reusable-bg.jpg); 

  background-repeat: no-repeat; background-size: cover; background-position: center center;
}


.sidebar.active ~ section {
  padding-left: 6.25rem!important;
}
.sidebar {
  position: relative;
  width: 5rem;
  height: 100%;
  background: #eff6f7;
  z-index: 100000;
  transition: 0.5s;
  padding-left: 0.625rem;
  overflow: hidden;
  z-index: 5;
}

.sidebar.active {
 width: 18.75rem;
}

.sidebar ul {
 position: relative;
 height: 100vh;
}

.sidebar ul li {
 position: relative;
 list-style: none;
}

.sidebar ul li.active {
  background: #ffffff;
  border-top-left-radius: 3.125rem;
  border-bottom-left-radius: 3.125rem;
}

.sidebar ul li.active::before {
  content: "";
  position: absolute;
  top: -1.25rem;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  box-shadow: 0.3125rem 0.3125rem 0 0.3125rem #ffffff;
  background: transparent;
}

.sidebar ul li.active::after {
  content: "";
  position: absolute;
  bottom: -1.25rem;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-top-right-radius: 1.25rem;
  box-shadow: 0.3125rem -0.3125rem 0 0.3125rem #ffffff;
  background: transparent;
}

.sidebar ul li.logo {
 margin-bottom: 3.125rem;
}

.sidebar ul li.logo .icon {
 font-size: 2em;
 color: var(--clr);
}

.sidebar ul li.logo .text {
 font-size: 1.2em;
 font-weight: 500;
 color: var(--clr);
}

.sidebar ul li a {
 position: relative;
 display: flex;
 white-space: nowrap;
 text-decoration: none;
}

.sidebar ul li a .icon {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 min-width: 3.75rem;
 padding-left: 0.625rem;
 height: 4.375rem;
 font-size: 1.5em;
 color: #333;
 transition: 0.5s;
}

.sidebar ul li a .text {
  position: relative;
  height: 4.375rem;
  display: flex;
  align-items: center;
  font-size: 1em;
  color: #333;
  padding-left: 0.9375rem;
  text-transform: capitalize;
  letter-spacing: 0.05em;
  transition: 0.5s;
}

.sidebar ul li.active a .icon {
 color: #fff;
}

.sidebar ul li.active a .text {
 color: var(--bg);
}

.sidebar ul li:hover a .icon,
.sidebar ul li:hover a .text {
 color: var(--bg);
}

.sidebar ul li.active a .icon::before {
  content: "";
  position: absolute;
  /* inset: 0.3125rem; */
  height: 2.5rem;
  width: 2.5rem;
  background: #4f67d2;
  border-radius: 50%;
  transition: 0.5s;
  color: red!important;
  /* border: 0.125rem dashed #0000007a; */
}

.sidebar ul li:hover.active a .icon::before {
  background: #4f67d2;
}

.imageBox {
 position: relative;
 width: 2.5rem;
 height: 2.5rem;
 border-radius: 50%;
 overflow: hidden;
}

.imageBox img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.menuToggle {
 position: absolute;
 top: 1.25rem;
 right: 1.25rem;
 width: 3.125rem;
 height: 3.125rem;
 background: #76d89c;
 z-index: 1000;
 cursor: pointer;
 display: flex;
 justify-content: center;
 align-items: center;
}

.menuToggle::before {
 content: "";
 position: absolute;
 width: 1.875rem;
 height: 0.1875rem;
 background: #fff;
 transform: translateY(-0.5625rem);
 box-shadow: 0 0.5625rem 0 #fff;
 transition: 0.5s;
}

.menuToggle::after {
 content: "";
 position: absolute;
 width: 1.875rem;
 height: 0.1875rem;
 background: #fff;
 transform: translateY(0.5625rem);
 transition: 0.5s;
}

.menuToggle.active::before {
 transform: translateY(0rem) rotate(45deg);
 box-shadow: 0 0 0 #fff;
}

.menuToggle.active::after {
 transform: translateY(0rem) rotate(-45deg);
}

.sidebar .icon i {
  color: #100f0f91!important;
  z-index: 2;
  margin: 0;
  font-size: .9rem;
}
.sidebar ul li.active .icon i {

  color: #fff;
}

.sidebar ul li.active a .icon i {
  color: #fff!important;
  /* border: 0.125rem dashed #0000007a; */
  font-size: .9rem;
}

.prescription-img-container {
  margin-left: 15.625rem;
}

.dashuser-component {
  display: flex!important;
  position: relative;
  padding: 4rem 0;
}

.dashuser-component .sidebar.active + .tabs-lister{
  width: 70%!important;
}
.dashuser-component .sidebar + .tabs-lister{
  width: 88%!important;
}

.sidebar {
  position: relative;
  width: 5rem;
  height: 100%;
  background: #eff6f7;
  z-index: 100000;
  transition: 0.5s;
  padding-left: 0.625rem;
  overflow: hidden;
  z-index: 800;
  margin-left: 3.125rem;
}

.sidebar .tabs-lister {
  width: 86%!important;
}

.sidebar ul {
  position: relative;
  height: auto;
}


.content {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    
    .checkbox-input:checked ~ .content {
        opacity: 1;
    }


    /* Start Geneder Css */
    .geneder-mainer {
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center;
    }
    .geneder-mainer label{
      user-select: none;
    }
    .geneder-mainer input[type="radio"] {
      display: none;
    }
    
    .geneder-mainer input[type="radio"] + label {
      z-index: 10;
      margin: 0 0.625rem 0.625rem 0;
      position: relative;
      color: #ced4da;
      text-shadow: 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
      font-weight: bold;
      background-color: #ffffff;
      border: 0.0625rem solid #ced4da;
      cursor: pointer;
      transition: all 200ms ease;
    }
    
    .geneder-mainer input[type="radio"]:checked + label {
      color: #495057;
      background-color: #eff6f7;
    }
    
    .geneder-mainer  input[type="radio"] + label {
      padding: 0.3125rem 1.25rem;
      border-radius: 0.5rem;
      width: 8.125rem;
      text-align: center;
      font-weight: 400;
      font-size: .9rem;
  }
    

  .geneder-mainer input[type="radio"]:checked + label {
    color: #495057;
    background-color: #eff6f7;
    font-weight: 400;
    font-size: .9rem;
}



.previous-checkip .table-outer{
  height: 14.375rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.previous-checkip h6{
  color: #4f67d2;
}

.mem-detailser label {
  display: block;
}

.include-price {
  font-weight: 600;
  margin-right: 1rem;
  font-size: .8rem;
}

span.include-test {
  color: #000;
  font-size: .8rem;
}

.memberlist {
  position: relative;
}
.memberlist .member-checkbox {
  position: absolute;
  left: 1rem;
  top: 1.5rem;
}

.mem-detailser label {
  display: block;
  padding-left: 1.5rem;
}

.memberDetails.memdetails-component {
  background: #fff;
}

.member-detal-header {
  background-color: #eff6f7;
  border-top: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}

.prescriptionMainer .drag-file-area label {
  font-size: 1.1875rem;
  text-align: center;
}

.prescriptionMainer .drag-file-area label .browse-files-text {
  margin-left: 0;
}

.closerIcon {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4f67d2;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.closerIcon i {
  margin-right: 0!important;;
}

.prescription-img  {
  position: relative;
}
.prescription-img .closerIcon {
  position: absolute;
  top: 0;
  z-index: 99;
  right: -0.625rem;

}

.equlization-btn  {
  width: 12.5rem!important;
  height: 3.125rem!important;
  display: flex;
  justify-content: center;
  align-items: center;

  }

  .cart-section .table-outer {
    overflow-x: auto;
    height: auto;
    position: relative;
    width: 100%;
    height: 19.375rem;
}


.page-title i.fas.fa-home {
  color: #4f67d2;
}

.clear-all {
  text-transform: capitalize;
  font-size: .9rem;
  display: flex;
  justify-content: end;
  padding: 1rem;
  margin-right: 1rem;
}

.clear-all i {
  color: #4f67d2;
}

.descripter{
  display: inline-block;
}
.empty-cart-component {
  padding: 4rem 0;
  text-transform: capitalize;

}


.fiterElement {
  width: fit-content;
  cursor: pointer;
}

.empty-cart-component .empty-cart img{

}


.cartBox {
  width: 9.375rem;
  height: 9.375rem;
  background: #f7f8f3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}


.empty-cart-message h4{
  font-size: 1.3rem;
    color: #00000070;
}

.member-details .previous-checkip .cart-table{
  height: 6.25rem;
  overflow-y: scroll;
} 
.member-details .previous-checkip .table-outer {
  height:9.375rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.memebr-details input {
  width: initial!important;
  margin-bottom: 0.5625rem;
}


.memberlist li {
  position: relative;
}

.memberlist {
  height: 30.5rem!important;
  overflow-x: hidden;
  overflow-y: auto;
}

.memdetails-component .memberlist li {
  position: relative;
  border: 0.125rem dashed #19181845;
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
  background: #eff6f7;
}
.memdetails-component .memberlist li:last-child {
  margin-bottom: 0;
}

.physical-report label {
  display: inline-block;
    padding-left: 0;
}
.physical-report p {
  background: #eff6f7;
  padding: 0.5rem;
  color: #171515;
  border-radius: 0;
  font-size: .9rem;
  border-left: 0.25rem solid #4f67d2;
  position: relative;
}
.physical-report p::after {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  background-color: #eff6f7!important;
  display: inline-block;
  position: absolute;
  left: 1.25rem;
  top: -0.3125rem;
  transform: rotate(45deg);
}


.member-header.mem-detailser  .row > div{
  padding: 0;
}

.billing-list {
  margin-top: 3rem; 
}
.collection-details-component {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/* Start Booking Succs */
.star {
  position: absolute;
  animation: grow 3s infinite;
  fill: #4f67d2;
  opacity: 0;
}
.star:nth-child(1) {
  width: 0.75rem;
  height: 0.75rem;
  left: 0.75rem;
  top: 1rem;
}
.star:nth-child(2) {
  width: 1.125rem;
  height: 1.125rem;
  left: 10.5rem;
  top: 5.25rem;
}
.star:nth-child(3) {
  width: 0.625rem;
  height: 0.625rem;
  left: 2rem;
  top: 10.125rem;
}
.star:nth-child(4) {
  width: 1.25rem;
  height: 1.25rem;
  left: 5.125rem;
  top: -0.75rem;
}
.star:nth-child(5) {
  width: 0.875rem;
  height: 0.875rem;
  left: 7.8125rem;
  top: 10.125rem;
}
.star:nth-child(6) {
  width: 0.625rem;
  height: 0.625rem;
  left: 1rem;
  top: 1rem;
}
.star:nth-child(1) {
  animation-delay: 1.5s;
}
.star:nth-child(2) {
  animation-delay: 3s;
}
.star:nth-child(3) {
  animation-delay: 4.5s;
}
.star:nth-child(4) {
  animation-delay: 6s;
}
.star:nth-child(5) {
  animation-delay: 7.5s;
}
.star:nth-child(6) {
  animation-delay: 9s;
}

.checkmark {
    position: relative;
    padding: 1.875rem;
    animation: checkmark 5m var(--curve) both;
    width: fit-content;
    margin: auto;
}
.checkmark__check {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate3d(-50%, -50%, 0);
  fill: #fff;
}
.checkmark__background {
  fill: #4f67d2;
  animation: rotate 35s linear both infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes grow {
  0%, 100% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes checkmark {
  0%, 100% {
    opacity: 0;
    transform: scale(0);
  }
  10%, 50%, 90% {
    opacity: 1;
    transform: scale(1);
  }
}
/* End Booking Suc */

.main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > .megamenu {
  visibility: visible;
  opacity: 1;
  margin-top: -1.4375rem;
  top: 100%;
  display: block!important;
  height: 20rem;
  overflow-y: scroll;
}
.list-style-one li:before {
  position: absolute;
  content: "\e90f";
  font-family: 'icomoon';
  font-size: 1rem;
  left: 0rem;
  top: 0rem;
}


.list-style-one li:before {
  position: absolute;
  content: "\f058"; /* Unicode character for the Font Awesome right mark icon */
  font-family: 'Font Awesome 5 Pro'; /* Font family for Font Awesome Pro icons */
  font-weight: 900; /* Font weight for Font Awesome Pro icons */
  font-size: 1rem;
  left: 0rem;
  top: 0rem;
}



/* Start Location Container */
.location-container .box {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  margin: auto;
  margin-top: -2rem;
  background: none;
  animation: updown 2s ease 0.2s infinite;
  z-index: 99;
  /* position: absolute; */
}

.location-container .circle {
  position: relative;
  background-color: #ef2929;
  width: 7.5rem;
  height: 7.5rem;
  margin: auto;
  padding: 0;
  top: 2.5rem;
  border-radius: 50%;
}


.location-container .inner {
  position: relative;
  background-color: white;
  width: 2.5rem;
  height: 2.5rem;
  margin: auto;
  padding: 0;
  top: 2.5rem;
  border-radius: 50%;
  z-index: 3;
}

.location-container .highlight {
  position: relative;
  width: 7.4375rem;
  height: 7.5rem;
  margin: auto;
  padding: 0;
  z-index: 3;
  top: -2.6875rem;
  left: 0.08125rem;
  border-radius: 50%;
  border-top: #ff7676 0.3125rem solid;
  transform: rotate(30deg);
}

.location-container .square {
  position: relative;
  background-color: #ef2929;
  width: 3.75rem;
  height: 3.75rem;
  margin: auto;
  padding: 0;
  bottom: 0.4375rem;
  transform: rotate(-45deg);
  z-index: 2;
  border-bottom-left-radius: 0.5rem;
}

.location-container .shadow {
  position: relative;
  background-color: #fff;
  width: 2.1875rem;
  height: 0.75rem;
  border-radius: 50%;
  margin: auto;
  padding: 0;
  top: 0.75rem;
  opacity: 0.20;
  z-index: 0;
  animation: shadow 2s ease 0.2s infinite;
}

@keyframes updown {
    0%   {
      transform: translateY(0rem);
    }

    50% {
      transform: translateY(0.5rem);
    }
  
    100% {
      transform: translateY(0rem);
    }
}

@keyframes shadow {
    0%   {
      transform: scale(1);
      opacity: 0.20;
    }

    50% {
      transform: scale(0.95);
      opacity: 0.28;
    }
  
    100% {
      transform: scale(1);
      opacity: 0.20;
    }
}
/* End Location Container */

.location-container {
  position: absolute;
  top: 1.8125rem;
  left: 2rem;
}

.location-container img {
  cursor: pointer;
}



/* Start Right Side Stripes */
.content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: 0 1.875rem;
}
.content h1 {
  margin-top: 3.75rem;
  text-align: center;
}
.content p {
  margin: 0 auto 0.9375rem;
  width: 43.75rem;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 47.9375rem) {
  .content p {
    width: 100%;
  }
}
.content pre {
  padding: 0.9375rem;
  margin-top: 0;
  margin-bottom: 2.8125rem;
  border-radius: 0.3125rem;
  text-align: center;
  text-wrap: wrap;
  line-height: 1.6;
  color: #000;
  background-color: #F7F7F7;
  overflow-x: auto;
}

.contentDemo:empty {
  margin: auto;
  width: 31.25rem;
  height: 37.5rem;
  /* change height to see repeat-y behavior */
  background-image: radial-gradient(circle 3.125rem at 3.125rem 3.125rem, lightgray 99%, transparent 0), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(lightgray 1.25rem, transparent 0), linear-gradient(lightgray 1.25rem, transparent 0), linear-gradient(lightgray 1.25rem, transparent 0), linear-gradient(lightgray 1.25rem, transparent 0);
  background-repeat: repeat-y;
  background-size: 6.25rem 12.5rem, 3.125rem 12.5rem, 9.375rem 12.5rem, 21.875rem 12.5rem, 18.75rem 12.5rem, 15.625rem 12.5rem;
  background-position: 0 0, 0 0, 7.5rem 0, 7.5rem 2.5rem, 7.5rem 5rem, 7.5rem 7.5rem;
}

.fixedSidebar {
  position: fixed;
  z-index: 99;
  background: #edfbfa;
}
.fixedSidebar.active .sidebarItem {
  transform: scale(0);
  margin: 0;
  width: 0;
  height: 0;
}
.fixedSidebar [data-tooltip] {
  position: relative;
  z-index: 9;
}
.fixedSidebar [data-tooltip]::before {
  position: absolute;
  content: attr(data-tooltip);
  display: block;
  padding: 0.4375rem;
  color: #fff;
  text-align: center;
  font-size: 0.8em;
  white-space: nowrap;
  border-radius: 0.25rem;
  background: #4f67d2;
  opacity: 0;
  visibility: hidden;
  cursor: default;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}
.fixedSidebar [data-tooltip]:hover::before {
  opacity: 1;
  visibility: visible;
}
.fixedSidebar .sidebarItem {
  position: relative;
  z-index: 10;
  display: inline-block;
  margin: 0.625rem 0;
  width: 2.75rem;
  height: 1.5rem;
  border-radius: 1.875rem;
  transition: 0.25s;
  color: #ffff;
}
.fixedSidebar .sidebarItem svg {
  fill: #fff;
}

.fixedSidebar.fixedSidebarRight {
  top: 22%;
  right: 0;
  transform: translateY(9%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 6.25rem;
  border-top-left-radius: 1.875rem;
  border-bottom-left-radius: 1.875rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem, rgba(60, 64, 67, 0.15) 0rem 0.0625rem 0.1875rem 0.0625rem;
}
.fixedSidebar.fixedSidebarRight:before, .fixedSidebar.fixedSidebarRight:after {
  content: "";
  pointer-events: none;
  position: absolute;
  height: 1.875rem;
  width: 3.75rem;
  right: 0rem;
}
.fixedSidebar.fixedSidebarRight:before {
  top: -1.875rem;
  border-radius: 0 0 3.125rem 0;
  box-shadow: 1.875rem 0.0625rem 0 0 #fff;
}
.fixedSidebar.fixedSidebarRight:after {
  bottom: -1.875rem;
  border-radius: 0 3.125rem 0rem 0;
  box-shadow: 1.875rem -0.0625rem 0 0 #fff;
}
.fixedSidebar.fixedSidebarRight .buttonTrigger svg {
  transform: rotate(180deg);
  transition: 0.25s;
}
.fixedSidebar.fixedSidebarRight .buttonTrigger.active {
  transform: scale(1) !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.fixedSidebar.fixedSidebarRight .buttonTrigger.active svg {
  transform: rotate(0);
}
.fixedSidebar.fixedSidebarRight [data-tooltip]::before {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}
.fixedSidebar.fixedSidebarRight [data-tooltip]:hover::before {
  right: 3.125rem;
}
.fixedSidebar.fixedSidebarLeft {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 0.9375rem;
  border-top-right-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
}
.fixedSidebar.fixedSidebarLeft:before, .fixedSidebar.fixedSidebarLeft:after {
  content: "";
  pointer-events: none;
  position: absolute;
  height: 1.875rem;
  width: 3.75rem;
  left: 0rem;
}
.fixedSidebar.fixedSidebarLeft:before {
  top: 0;
  border-radius: 0 0 3.125rem 0;
  box-shadow: 1.875rem 0.0625rem 0 0 #d70018;
  transform: rotate(90deg) translateY(50%) translateX(-75%);
}
.fixedSidebar.fixedSidebarLeft:after {
  bottom: 0;
  border-radius: 0 3.125rem 0rem 0;
  box-shadow: 1.875rem -0.0625rem 0 0 #d70018;
  transform: rotate(-0.25turn) translateX(-75%) translateY(-50%);
}
.fixedSidebar.fixedSidebarLeft .buttonTrigger svg {
  transform: rotate(0deg);
  transition: 0.25s;
}
.fixedSidebar.fixedSidebarLeft .buttonTrigger.active {
  transform: scale(1) !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.fixedSidebar.fixedSidebarLeft .buttonTrigger.active svg {
  transform: rotate(180deg);
}
.fixedSidebar.fixedSidebarLeft [data-tooltip]::before {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}
.fixedSidebar.fixedSidebarLeft [data-tooltip]:hover::before {
  left: 3.125rem;
}
.fixedSidebar.fixedSidebarBottom {
  right: 50%;
  top: auto;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.9375rem 1.25rem;
  border-top-left-radius: 1.875rem;
  border-top-right-radius: 1.875rem;
  transform: translateX(50%) translateY(0);
}
.fixedSidebar.fixedSidebarBottom:before, .fixedSidebar.fixedSidebarBottom:after {
  content: "";
  pointer-events: none;
  position: absolute;
  height: 1.875rem;
  width: 3.75rem;
}
.fixedSidebar.fixedSidebarBottom:before {
  bottom: 0;
  left: 0;
  border-radius: 0 0 3.125rem 0;
  box-shadow: 1.875rem 0.0625rem 0 0 #d70018;
  transform: rotate(0deg) translateY(0) translateX(-100%);
}
.fixedSidebar.fixedSidebarBottom:after {
  bottom: 0;
  right: 0;
  border-radius: 0 3.125rem 0rem 0;
  box-shadow: 1.875rem -0.0625rem 0 0 #d70018;
  transform: rotate(180deg) translateX(-100%) translateY(0%);
}
.fixedSidebar.fixedSidebarBottom .sidebarItem {
  margin: 0 0.9375rem;
}
.fixedSidebar.fixedSidebarBottom.active .sidebarItem {
  margin: 0;
}
.fixedSidebar.fixedSidebarBottom .buttonTrigger svg {
  transform: rotate(45deg);
  transition: 0.25s;
}
.fixedSidebar.fixedSidebarBottom .buttonTrigger.active {
  transform: scale(1) !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.fixedSidebar.fixedSidebarBottom .buttonTrigger.active svg {
  transform: rotate(0deg);
}
.fixedSidebar.fixedSidebarBottom [data-tooltip]::before {
  top: -1.875rem;
  right: 50%;
  transform: translateX(50%) translateY(0);
}
.fixedSidebar.fixedSidebarBottom [data-tooltip]:hover::before {
  top: -3.75rem;
}


.fixedSidebar.fixedSidebarRight.active {
  top: 50%;
}

.buttonTrigger i {
  font-size: 1.5rem;
}


.addtocart .pretext a{
  color: #fff!important;
}


.overlay img {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border: 0.125rem solid #4f67d2;
  padding: 1rem;
  background: #fff;
}

.sweet-alert h2 {
  color: #575757;
  font-size: 1.4375rem;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin-bottom: 1rem;
}

#useCurrentLocation {
  background-color: #007bff;
  color: #fff;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
}

#useCurrentLocation:hover {
  background-color: #0056b3;
}

.main-reusable {
  font-size: 1.5rem!important;
  color: #4f67d2!important;
}


.physical-report p {
  width: fit-content;
}


.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 1.25rem 0 0 1.25rem;
}


.social-container .social i{
  margin-right: 0!important;
}

.memberlist  .priscription {
  border: 0.0625rem solid #4f67d2;
  width: fit-content;
  padding: .5rem 1rem;
  border-radius: .5rem;
  margin-top: .5rem!important;
}

.coupon-title span:last-child{
  cursor: pointer;
}


.aplybtn {
  background-color: #4f67d2!important;
  font-size: .9rem!important;
  border-radius: .5rem;
  padding: .4rem 1rem;
  font-weight: 600;
}

.payment-radio-container input{
  transform: scale(1.2);
}


.memberDetails  .include-price {
  color: #4f67d2;
}

.smalest-tester {
  font-size: .75rem;
  display: block;
}


.fixedSidebarRight a {
  margin-bottom: 1rem;
}



.fixedSidebar.fixedSidebarRight:after {
  bottom: -1.875rem;
  border-radius: 0 3.125rem 0rem 0;
  box-shadow: 1.875rem -0.0625rem 0 0 #ffffff;
}
.contact-style-two {
  border-radius: 1rem;
}

.sidebarItem i {
  color: #4f67d2;
}


.service-block {
  /* display: none; */
}
.service-block.visible {
  display: block;
}



/* Start Reached Us */
.progress {
  background: rgba(255,255,255,0.1);
  justify-content: flex-start;
  border-radius: 6.25rem;
  align-items: center;
  position: relative;
  padding: 0 0.3125rem;
  display: flex;
  height: 2.5rem;
  width: 31.25rem;
}

.progress-value {
  animation: load 3s normal forwards;
  box-shadow: 0 0.625rem 2.5rem -0.625rem #fff;
  border-radius: 6.25rem;
  background: #4f67d2;
  height: 1.875rem;
  width: 0;
}

.progress-value {
  position: relative;
}


.progress {
  position: relative;
  width: 50%;
  height: 1.25rem;
  background-color: transparent;
  overflow: visible;
  margin: auto;
}
.progress-value {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: white;
  animation: load 5s linear forwards;
}

.progress-value img {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.3125rem); /* Adjust the distance between the progress bar and the image */
  transform: translateY(-50%);
  width: 5rem; /* Adjust the width of the image */
  opacity: 0; /* Initially hide the image */
  animation: fadeIn 1s linear forwards; /* Animation to fade in the image */
}

@keyframes load {
  0% { width: 0; }
  100% { width: 100%; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.locator-img {
  position: absolute;
  right: -2.5625rem;
}

.progress {
  margin-top: 4rem;
}



.locator-img {
  position: absolute;
  top: 50%;
  right: -3.125rem; 
  transform: translateY(-50%);
  width: 2.5rem;
  opacity: 1;
  animation: fadeOut 1s linear forwards 5s;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}


#progressStatus {
  font-size: 1.2rem;
  text-transform: capitalize;
  text-align: center;
  transform: translateY(1.25rem);
}

.fixedSidebar .sidebarItem {
    position: relative;
    z-index: 10;
    display: inline-block;
    margin: 0.625rem 0;
    width: 2.75rem;
    height: 4.0625rem;
    border-radius: 1.875rem;
    transition: 0.25s;
    color: #ffff;
    text-align: center;
}
.smalest-tester {
  font-size: .65rem;
  display: block;
  line-height: 1rem;
  text-align: center;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
}

.sidebarItem i {
  margin-right: 0;
}


.fixedSidebarRight a:last-child{
  margin-bottom: 2rem!important;
  display: inline-block;
}





.fixedSidebar.fixedSidebarRight .buttonTrigger.active i {
  margin-top: 0.5rem;
  margin-left: -0.375rem;
}

.fixedSidebar {
  position: fixed;
  z-index: 99;
  background: #fff;
}

.banner-carousel .image-box .shape .shape-2 {
  background: #eaf8f7;
}


/* Start Customization */
#customizer .btn {
  padding: 1em 3em;
  margin-bottom: 2rem;
  border: none;
  border-radius: 1.5em;
  background-color: var(--clr-main);
  font-family: inherit;
  color: var(--clr-light);
  transition: filter .15s ease-in-out;
  cursor: pointer;
}

#customizer .btn:hover {
 filter: brightness(1.1); 
}

#customizer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
#customizer .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 2rem 2.5rem;
  width: 30em;
  border-radius: 0.5rem;
}
#customizer .close-button {
  float: right;
  width: 1.5rem;
  font-size: 1.2em;
  line-height: 1;
  padding: 0 .2em .15em;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: var(--clr-neutral);
  color: var(--clr-dark);
  transition: color 0.12s ease-in-out;
}
#customizer .close-button:hover {
  color: var(--clr-main);
}
#customizer .show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


.booksuces p {
  margin-bottom: 1rem;

}

.booksuces  h5{
  margin-bottom: 1rem!important;
}


.continue-book {
  width: 13.25rem!important;
  margin-top: 3rem!important;
}

.fixedSidebar.fixedSidebarRight.active{
  width: 3.75rem;
}

.okaybtn {
  margin-left: 2rem;
}


.why-shaper {
  filter: invert(1)!important; 
  opacity: .7!important;
}

.contact-component {
  border-radius: 0;
}


button.theme-btn.btn-one.sbtnelement {
background-image: linear-gradient(58deg, #ecfaf9 0%, #f1fffe  100%)!important;
color: #4f67d2!important;
}


.sidebarItem i {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #edfbfa;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.24) 0rem 0.1875rem 0.0625rem;
  margin :7px auto

}
.offer .owl-nav {
    display: flex;
    gap: 1rem;
    position: absolute;
    bottom: 6rem;
    z-index: 12;
    left: 4rem;
    margin-left: -12px;
}

.offer .owl-nav i {
  margin: 0;
}

.offer .owl-nav button {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  background-color: #f0fefd;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}



.whatsapp-chat {
  display: none;
}


.droptester i{
  cursor: pointer;
}


/* Start Test Pop Up */
#tests-display h5 {
  font-size: 1.2rem;
}

#tests-display .list-style-one li {
  font-size: .85rem;
}

.doctorlogin {
  content: '';
  width: 200px;
  background-color: #d9eff2;
  height: 46px;
  border-radius: 0 2rem 2rem 0;
  top: -14px;
  margin-bottom: 1rem!important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.doctorlogin a {
  margin-bottom: 0;
  color: #000!important;
  font-size: .9rem;
}
.doctorlogin a i {
  width: 2rem;
  height: 2rem;
  background-color: #4f67d2;
  text-align: center;
  line-height: 2rem;
  color: #fff;
  border-radius: 50%;
  border: 1px dashed #0000004f;
  border: 2px solid #fff;
}

/* end */



/* Start Carousel  */
/* CHATBOX
=============== */
.chatbox {
  position: absolute;
  bottom: 30px;
  right: 111px;
  z-index: 1000;
}
/* CONTENT IS CLOSE */
.chatbox__support {
  display: flex;
  flex-direction: column;
  background: #eee;
  width: 300px;
  height: 350px;
  z-index: -123456;
  opacity: 0;
  transition: all .5s ease-in-out;
}

/* CONTENT ISOPEN */
.chatbox--active {
  transform: translateY(-10px);
  z-index: 123456;
  opacity: 1;
}

/* BUTTON */
.chatbox__button {
  text-align: right;
}


/* HEADER */
.chatbox__header {
  position: sticky;
  top: 0;
  background: orange;
}

/* MESSAGES */
.chatbox__messages {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  flex-direction: column-reverse;
}

.messages__item {
  background: orange;
  max-width: 60.6%;
  width: fit-content;
}

.messages__item--operator {
  margin-left: auto;
}

.messages__item--visitor {
  margin-right: auto;
}

/* FOOTER */

*, html {
  --primaryGradient: linear-gradient(93.12deg, #4f67d2  0.52%, #4f67d2  100%);
  --secondaryGradient: linear-gradient(268.91deg, #4f67d2  -2.14%, #4f67d2  99.69%);
  --primaryBoxShadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  --secondaryBoxShadow: 0px -10px 15px rgba(0, 0, 0, 0.1);
  --light: 300;
  --regular: 400;
  --semiBold: 600;
  --extraLight: 300;
  --italic: 300;
  --primary: #4f67d2;
}
.chatbox__footer {
  position: sticky;
  bottom: 0;
}


.chatbox__support {
  background: #f9f9f9;
  height: 450px;
  width: 350px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* HEADER */
.chatbox__header {
  background: #4f67d2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: var(--primaryBoxShadow);
}

.chatbox__image--header {
  margin-right: 10px;
}

.chatbox__heading--header {
  font-size: 1.2rem;
  color: white;
}

.chatbox__description--header {
  font-size: .9rem;
  color: white;
}

/* Messages */
.chatbox__messages {
  padding: 0 20px;
}

.messages__item {
  margin-top: 10px;
  background: #E0E0E0; 
  padding: 8px 12px;
  max-width: 70%;
}

.messages__item--visitor,
.messages__item--typing {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.messages__item--operator {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #4f67d2;
  color: white;
}

/* FOOTER */
.chatbox__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px;
  background: #4f67d2;
  box-shadow: red;
  margin-top: 20px;
  overflow: hidden;
}

.chatbox__footer input {
  border: none;
  padding: 10px 10px;
  border-radius: 30px;
  text-align: center;
  background: #fff;
}

.chatbox__send--footer {
  color: white;
}

.chatbox__button button, .chatbox__button button:focus, .chatbox__button button:visited {
  padding: 10px;
  background: white;
  border: none;
  outline: none;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transform: translateX(-1px);
  margin-bottom: 2rem;
}
/* start Typing Css  */
.messages__item--typing {
  will-change: transform;
  width: auto;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 15px 20px;
  display: table;
  margin-right: auto;
  position: relative;
  animation: 2s bulge infinite ease-out;
}

.messages__item--typing::before,
.messages__item--typing::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -2px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
.messages__item--typing::after {
    height: 10px;
    width: 10px;
    left: -10px;
    bottom: -10px;
}
span.messages__dot {
  height: 8px;
  width: 8px;
  float: left;
  margin: 0 1px;
  background-color: #9E9EA1;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
  animation: 1s blink infinite;
}

@keyframes blink {
  50% {
      opacity: 1;
  }
}

@keyframes bulge {
  50% {
      transform: scale(1.05);
  }
}


.chatbox__footer input {
  border: none;
  padding: 7px 17px;
  border-radius: 30px;
  text-align: start;
  background: #fff;
  font-size: .9rem;
}

.sent-btn {
  background-color: #eff6f7;
  padding: 0.43rem 1.9rem;
  font-size: .8rem;
  border-radius: 20px;
  color: #000;
  font-weight: 600;
}
/* end Typing Css */
/* end Carousel */

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: #032447;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
text-decoration: none;
    font-size: 14px;
    color: #eaeaea;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
     position: absolute;
    top: 16px;
    right: 18px;
    font-size: 36px;
    margin-left: 50px;
}

 

 .sidenav ul li {
    padding: 7px 13px;
    border-bottom: 1px solid #173759;
}

ul#demo1 {
    padding-top: 11px;
}

.mobile-nav-toggler ul li {
    display: inline-block;
}


.bread-crumb {
   background: #fafafa;
    padding: 47px 0px;
    text-align: center;
    background-color: #80a1d3;
    height: 130px;
    
}

.bread-crumb-list h4 {
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    margin: 4px 0px;
}

.shapes {
    position: absolute;
    width: 100%;
}

.shape-3 {
    position: absolute;
    top: -110px;
    left: 0px;
}

.shape-4 {
    position: absolute;
    top: -110px;
    right: 0;
}

.profile-sidebar {
  background-image: linear-gradient(to top, #4f67d2 12%, #072193 64%);
  border-radius: 15px;
    overflow: hidden;
    padding: 20px 0px;
   
}

.new-patient-lsit h4 {
  font-size: 15px;
  margin-bottom: 13px;
}

.profile-info-widget {
    display: block;
    text-align: center;
    position: relative;
    z-index: 9;
    margin-bottom: 20px;
}

a.booking-doc-img {
    display: inline-block;
    margin: 0 0 5px;
    width: auto;
    padding: 4px;
    background-color: #f7f7f7;
    border-radius: 50%;
}

.booking-doc-img img {
    border-radius: 50%;
    height: 130px;
    width: 130px;
}

.profile-info-widget .upload-img {
    margin: 0 0 0px;
    cursor: pointer;
    z-index: 999;
}

.upload-img {
    background-color: #ff0000;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0 auto;
    position: absolute;
    transition: .3s;
    text-align: center;
    line-height: 25px;
    width: 25px !important;
    height: 25px !important;
    bottom: 53px;
    right: 28%;
}

.upload-img input.upload {
    bottom: 0;
    cursor: pointer;
    filter: alpha(opacity = 0);
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
}

.profile-det-info h3 {
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    margin-top: 10px;
}
.profile-det-info {
    overflow: hidden;
}

.upload-img span {
    padding: 0px 5px;
}

.dashboard-menu {
    border-radius: 0px 0px 10px 10px;
    width: 100%;
}

.dashboard-menu > ul > li.active a {
    background: #4F67D2;
    color: #fff !important;
}
.dashboard-menu > ul > li a:hover{

  background: #4F67D2;
    color: #fff !important;
}

.dashboard-menu > ul > li {
    border-bottom: 1px solid #1c339e;
    position: relative;
}
.dashboard-menu ul li {
    line-height: inherit;
}

.dashboard-menu > ul > li > a {
    color: #fff;
    display: block;
    padding: 15px 20px;
}

.content-dashboard h3 {
    font-size: 20px;
    
}

.apptcount {
    border: 1px solid #3aadd9;
    background-color: #d9ebff;
    padding: 15px 10px 10px 20px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 3px;
}
.walletbox {
    border: 1px solid #fdcd56;
    background-color: #ffe4a9;
    padding: 15px 10px 10px 20px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 3px;
}

.apptcount span i {
    font-size: 54px;
    color: #000;
}

.walletbox h2 {
    color: #000 !important;
}

.walletbox h2 {
    color: #000 !important;
   
}

.apptcount small, .walletbox small {
    font-size: 13px;
    color: #000;
}

.content-dashboard h5 {
    font-size: 17px;
}


.content-dashboard small {
    font-size: 12px;
    font-weight: 600;
}

.walletbox span i {
    font-size: 54px;
    color: #000;
}

.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
   border: inherit;
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 14px;
}

.table-responsive-stack .table-responsive-stack-thead {
   font-weight: bold;
}

@media screen and (max-width: 768px) {
   .table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 3px solid #ccc;
      display:block;
      
   }
   /*  IE9 FIX   */
   .table-responsive-stack td {
      justify-content: space-between;
        display: flex;
      width:100%;
      align-items: center;
   }

   .content-dashboard h3 {
    
    margin-bottom: 20px;
}
}



.custom-table-data thead {
    background: inherit;
    color: #000;
   
}

.custom-table-data thead th {

   font-weight: 600 !important;
   font-size: 14px;
   white-space: nowrap;
   border-bottom: inherit;
}

.bg-info-light {
    background-color: rgba(2, 182, 179, 0.12) !important;
    color: #1db9aa !important;
}

.bg-warning-light {
    background-color: rgba(255, 152, 0, 0.12) !important;
    color: #f39c12 !important;
}

.otpcode {
    border: 3px dashed #002e72;
    padding: 5px;
    color: #002e72;
    font-size: 19px;
    text-align: center;
}

.view-appointment-btns .btn-danger {
     font-size: 15px;
    border-radius: 24px;
    padding: 8px 20px;
    background: #FF0100;
    border: 1px solid #FF0100;
}

.view-appointment-btns .btn-danger:hover {

  background: #5068D2;
  border: 1px solid #5068D2;
}

.view-appointment-btns .btn.btn-primary {
    
     font-size: 15px;
    border-radius: 24px;
    padding: 10px 20px;
}

 .dashboar-content {
    padding: 80px 0px 60px;
    background: #fafafa;
}


.dashboar-content .card {

  border: inherit;
}

.dashboard-menu > ul > li:last-child{

  border-bottom: inherit;
}
.invoice-item .customer-text {
    font-size: 17px;
    color: #272b41;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.invoice-item .invoice-details-two {
    text-align: left;
}

.invoice-item .invoice-details {
     
    color: #757575;
    font-weight: 500;
    font-size: 14px;
}

.add-patient a:hover {
    background: #4f67d2;
    border: 1px solid #4f67d2;
}

.custom-add-btn {
      background: #ff0606;
    padding: 9px 11px;
    color: #fff;
    width: 170px;
    margin: 0px auto;
    display: block;
    font-size: 16px;
}

.custom-add-btn:hover{

  background: #4f67d2;
  color: #fff;
}

 .mboiel-view-section {
    background: #fbfbfb;
    text-align: center;
    padding: 40px 0px;
}

 .mboiel-view-section ul li {
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
}
.mboiel-view-section ul li a {

  text-align: center;
}
section.mboiel-view-section span {
    font-size: 13px;
    margin-top: 11px;
}

.mboiel-view-section ul li {
 display: inline-block;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 0px 3px #eee;
    border-radius: 9px;
    margin: 4px;
    width: 43%;
}


.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%; }

  .sec-title-two.whychooseus-heading {
    margin-bottom: 43px;
}



section.login-section {
    padding: 60px 0px;
}

.loign-form {
    box-shadow: 0px 0px 3px #eee;
    padding: 40px 40px;
    border-radius: 9px;
    background: #faf9f9;
}

.loign-form h6 {
       color: #ff0000;
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 20px;

}

.loign-form input {
    width: 100%;
}

.loign-form input {
    font-size: 13px;
    border: 1px solid #ede9e9 !important;
    height: 50px !important;
    padding: 0px;
}

.validate {
    padding: 8px 3px;
    border-radius: 5px;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    color: #fff !important;
    transition: .5s;
    background-color: #FF0000;
    text-align: center;
    width: 160px;
    margin: 0px auto;
}

.back-btn {
    padding: 7px 23px;
    border-radius: 5px;
    position: relative;
    display: inline-flex;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    color: #fff !important;
    transition: .5s;
    background-color: #FF0000;
    font-size: 15px;
    margin-top: 20px;
}

button.btn-close {
    font-size: 33px;
}

section.privacy-policy {
    padding: 60px 0px;
}

.privacy-policy p  strong {

  margin: 15px 0px;
}

.privacy-policy p a {

  color: #000;
  font-size: 15px;
  text-decoration: underline;
}

.privacy-policy h5, .privacy-policy h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}

.privacy-policy p{

  font-size: 14px;
  color: #000;
}

section.privacy-policy ul {
    padding-left: 20px;
}

section.privacy-policy ul  li {

  margin-bottom: 10px;
  list-style: disc;
}

.count-section {

  padding: 30px 0px;
}

.custom-inner-card {
  padding: 15px 15px;
  border-radius: 15px;
}

.first-div h6 {

  color: #fff;
}

.wish-section {
  background: #f3f5fb;
  padding: 60px 24px;
  border-radius: 15px;
  position: relative;
  height: 180px;
  margin-top: 60px;
}

.wish-section img {
  position: absolute;
  top: -158px;
  height: 240px;
  left: 27%;
  overflow: hidden;
}

.wish-section h5 {
    font-size: 23px;
    margin-bottom: 12px;
}



.wish-section h5 {
  color: #031152;
  margin-bottom: 0px;
}

.wish-section span {
  font-size: 12px;
  color: #8326bd;
}

.table-formate-div h2 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

.wish-section h6 {
  color: #4f67d2;
}

.first-div {
  background-image: linear-gradient(to top, #FFCE9A 0%, #FEAC97 100%);
  /* background-image: linear-gradient(to top, #FED19B 1%, #FFAF98 59%); */
}

.second-div
 {

  background-image: linear-gradient(to top, #DCD0FE 0%, #D897FF 100%);
}

.third-div {

  background-image: linear-gradient(to top, #F2EFB4 0%, #ADE0BD 100%);
}

.third-div h6 {
  font-size: 15px;
  color: #417142;
}

.third-div .count-number h3 {
  color: #417142;
  font-size: 30px;
}

.third-div i {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 11px 3px;
  border-radius: 31px;
  font-size: 24px;
  color: #fff;
  background: #7ebf8f;
  margin-bottom: 14px;
  box-shadow: 0px 0px 3px #7fb28b;
}

.second-div i {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 11px 3px;
  border-radius: 31px;
  font-size: 24px;
  color: #fff;
  background: #8326bd;
  margin-bottom: 14px;
  box-shadow: 0px 0px 3px #8326bd;

}

.first-div i {
  background: #f29a7d;
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 11px 3px;
  border-radius: 31px;
  font-size: 24px;
  color: #fff;
  margin-bottom: 14px;
  box-shadow: 0px 0px 3px #b87455;
}

.first-div h6 {
  color: #8e3e2a;
  font-size: 16px;
}

.second-div h6 {
  font-size: 15px;
  color: #640b9b;
}

.second-div .count-number h3 {

  color: #480671;
  font-size: 30px;
}


.first-div .count-number h3 {
  color: #ee744f;
  font-size: 30px;
}

.count-number {
  padding-top: 60px;
  color: #fff;
}

.count-number h3 {

  color: #fff;
  font-size: 25px;
}

.custom-tbody tr {

  margin-top: 10px;
}

/* tr:hover {
  background-color: #f0f0f0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 10px !important;
} */

tbody tr {
  transition: background-color 0.3s, box-shadow 0.3s, border-radius 0.3s;
}

tbody tr td:nth-child(1){

  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

tbody tr {

  background: #fff;
}
tbody tr:hover {
  background-color: #072091;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 15px !important;
  transition: all 0.2s ease-in-out;
}

tbody tr:hover td {

  color: #fff;
}

.appointment-data {
   padding: 20px;
  
}

.appointment-data h4 {

  color: #fff;
  font-size: 17px;
}
.appointment-data ul li {
  color: #fff;
  margin-bottom: 0px;
  font-size: 15px;
}



.count-number span {
  color: #000;
  font-size: 13px;
}


.appointment-data .item-div ul {

  background-color: #000;
}

.appointment-data .item-div ul {
  background-color: #0724a4;
  padding: 7px 20px;
  border-radius: 6px;
  margin-bottom: 10px;
}

.appointment-data .item-div-1 ul {
  background-color: #e2e7ff;
  padding: 7px 20px;
  border-radius: 6px;
  margin-bottom: 10px;
}

.appointment-data .item-div-1 ul li {

  color: #000;
}

tbody tr {

  margin-bottom: 10px;
}

.manage-patient h3 {
  font-size: 20px !important;
  margin-bottom: 9px;
}

div#exampleModal form input,div#exampleModal form select {
  height: 58px;
  border: 1px solid #f7f7f7;
  font-size: 15px;
}

.my-profile-div h3 {
  font-size: 22px;
  margin-bottom: 15px;
}


.my-profile-div form input {
  height: 56px;
  border: 1px solid #f0f0f0;
  background: #fff !important;
  border-radius: 9px;
}

.chnage-password h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.chnage-password input {
  height: 56px;
  border: 1px solid #f0f0f0;
  background: #fff !important;
  border-radius: 9px;
}

.my-appointment {

  margin-bottom: 20px;
}

.my-appointment h3 {
  font-size: 22px;
}

.edit-patient-details {

  margin-bottom: 20px;
}

.edit-patient-details h3 {

  font-size: 22px;
}

.popular_card .service-block-one .inner-box .lower-content{
  display: flex;
  flex-direction: column;
  min-height: 13rem;
  & .two-box-container{
    flex-grow: 1;
    align-content: end;
  }
}